How add images scrolling? - iphone

I'm new in programming. How I can add small images scrolling and then when you click on one of them, it will be displayed on the main picture, with the ability to move and zoom in / out size? Like this
Advise some lessons, examples, tutorials or books please.

see this bellow examples and tutorial..
HSImageSidebarView
iCarousel /// in this tutorial and demos many type of animations and style available for image slide show
how-to-use-uiscrollview-to-scroll-and-zoom-content
Three20 scrollview
ScrollingMadness
i hope this help you..

Related

ScrollView Level Menu on Unity

I'm trying to create a ScrollView with inside images, the images are the levels in the game, and when the user choose a level(a image), he can click the button (like "PLAY") so doing that change the scene to the level selected.
And another thig...how i can do to the images still in the center of the scroll view?
I think you are asking for how to do a scrollable list, covered in this tutorial.
Instead of putting buttons in it, you put your images in.
To detect clicks on the image, you add a script to your image containing the OnClick() method. (somthing like this)
I hope I could help you.
Maybe try to put little more effort in your research before asking questions.
I will remove this Question, because i found how to do it...
Btw for the second question, i just create a script which i can make move to the center all the images/buttons/objects. And if you don't know why i'm doing this, it's for create like an animation to show much easier what button/object are you selecting..if you see an image return to the center of the scrollview, you will know that is your image.
I know... I don't, explain well what i want..but i'm new in this world of programming..

Using PageControl?

I have an array and lets say I have 5 objects in it. The array just contains a string with an address to a picture. I would like to use the Page Control feature in the iPhone SDK to swipe Left and Right to change the picture. I already have the multitouch gestures in place all I need is to implement the Page Control so if I swipe left and then right it will take me back to the previous image.
Does anyone know of any good Page Control tutorials or sample code online that may be able to help me thought implementing the Page Control.
The UIPageControl isn't a control as much as it's just an indication of what "page" your on.
To do what you want, you need to set up a UIScrollView and add subviews for each image. It will require some math to figure out where each "page" starts and ends based on image dimensions and screen sizes.
Apple has some docs on using scroll views with page controls here.
Indeed, you need a UIScrollView along with the UIPageControl. You can find a good tutorial on how to make them work together here

horizontal scrolling level select

Ok so i have a good chunk of my game finished now and Im working on my level select view. I want to implement a horizontal scroll view with multiple buttons on each view, in something that looks like Angry Birds or Cut The Rope, or something like that. I know I use a scroll view and set anchor points from my reading on here and other sites but im not sure exactly how i can implement that. Im a bit of a noob and my game didnt need to implement any real graphics so im not familiar with open gl or quartz, although im not afraid to try to learn it.
Anyone know how i can implement anchor points in a horizontal scroll view for my level select view?
Thanks!
As already answered, you have to use UIScrollView. We use scroll view when our contents are too large to be shown on the screen.
Refer the class reference here and Some links that could hep you.
Apple's scrolling demo
Understanding Scrollview

Overlay library for iOS?

there's an open-source library generating nice overlays for iPhone/iPad, but I don't find it any more... Does anyone know which one I mean?
EDIT: I'm looking for a gray, semi-transparent overlay view e.g. in the middle of the screen. I'd like to show information there while scrolling happens. As soon as scrolling ends, the overlay would disappear.
Maybe you are talking about MBProgressHUD?
https://github.com/jdg/MBProgressHUD
I use ATMHud. It looks like this.

zooming in on image, showing more details

I am working on a little project and want to implement some sort of "google maps" zooming. What I mean with that is that I want to show an image, and let the user be able to zoom in into a bit of the picture.
The first image should show an overall view of an airport, with its terminals and gates ect. But when zooming in on a terminal it should show more details on where bus stops, taxi stops, info, café's ect are located. It should NOT be a map.
I have searched Google a bit, but couldn't really find anything. Anyone who has any suggestions? Preferable links to tutorials for similar things?
Best regards,
Paul Peelen
The standard way to implement this is by using a UIScrollView and within the UIScrollView add a custom UIView with CATiledLayer layers. You will render the image by drawing (setting content) to the inner CATiledLayer layers. Look at the PhotoScroller sample project.