I'm wondering how to create image slider like those that we are using to look through pictures in different iOS apps, for example in Photos or Airbnb app.
Is it a page controller with image views in it?
Or is it a uicollectionview?
Or is it just a scrollview?
I've searched for this a lot, and though I found a good library on github, I haven't found any common solution, that everybody uses.
This is an example of image slider in airbnb app.
Try this code to create Image Slider Show Using UIScrollView
.
int x=0;
self.scrollView.pagingEnabled=YES;
NSArray *image=[[NSArray alloc]initWithObjects:@"1.png",@"2.png",@"3.png", nil];
for (int i=0; i<image.count; i++)
{
UIImageView *img=[[UIImageView alloc]initWithFrame:CGRectMake(x, 0,[[UIScreen mainScreen] bounds].size.width, self.scrollView.frame.size.height)];
img.image=[UIImage imageNamed:[image objectAtIndex:i]];
x=x+[[UIScreen mainScreen] bounds].size.width;
[self.scrollView addSubview:img];
}
self.scrollView.contentSize=CGSizeMake(x, self.scrollView.frame.size.height);
self.scrollView.contentOffset=CGPointMake(0, 0);
There are one great image slider lib i used on my project https://github.com/kimar/KIImagePager, definitely worth checking.
Here are few steps to integrate the library with your project.
- Download and import the library to your project
- Add view to your nib file (if you are using it with nib file), set the view class to use KIImagePager
- Set the properties as seen on their example page.
And there you go, you will have working image slider on your project.