iOS开发之 滚动视图 + 页面控件（UIScrollView + UIPageControl）

效果图 ：



1、UIScrollView ：滚动视图
滚动视图 多个页面实现的原理 滚动视图位置不变 内容的位置发生改变
1⃣️分页查看图片 2⃣️查看大图片 3⃣️当内容过多，需要在一个页面上显示的时候（如注册、修改个人信息等） 4⃣️当不希望感觉咱们的界面是一张图片的时候 contentSize height+1 or width+1
查看大图片
2、初始化UIScrollView，设置背景颜色
UIScrollView *scrollView = [[UIScrollView alloc]initWithFrame:self.view.frame];

3、设置滚动视图的尺寸

NSString *path = [[NSBundle mainBundle]pathForResource:@"大图" ofType:@"png"];
UIImage *bgimage = [UIImage imageWithContentsOfFile:path];
scrollView.contentSize = bgimage.size;

4、设置滚动视图缩放的最小倍数和最大倍数
scrollView.minimumZoomScale = 0.5;
scrollView.maximumZoomScale = 20;
[self.view addSubview:scrollView];

5、在滚动视图上添加视图
imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, bgimage.size.width, bgimage.size.height)];
imageView.image = bgimage;
[scrollView addSubview:imageView];

6、设置需要在滚动视图中放大的视图
在。h文件里添加代理，在初始化UIScrollView的时候挂上代理
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
return imageView;
}

当内容过多，需要一个页面显示

7、初始化，挂上代理，设置背景颜色，设置滚动视图的尺寸
UIScrollView *myscrollView = [[UIScrollView alloc]initWithFrame:self.view.frame];
myscrollView.delegate = self;
myscrollView.backgroundColor = [UIColor grayColor];
myscrollView.contentSize = CGSizeMake(0, CGRectGetHeight(self.view.frame)+10);

8、屏蔽横向纵向滚动条

myscrollView.showsVerticalScrollIndicator = NO;
myscrollView.showsHorizontalScrollIndicator = NO;

9、设置滚动视图 是否允许点击顶部 滚动到初始位置 添加

myscrollView.scrollsToTop = YES;
[self.view addSubview:myscrollView];

1 0、 设置分页效果，桉叶滚动 设置滚动条的样式 是否有反弹效果

myScrollView.pagingEnabled = YES;
myScrollView.indicatorStyle = UIScrollViewIndicatorStyleWhite;
myScrollView.bounces = YES;

11、给滑动视图添加视图
NSArray *imageName = @[@“1",@"2",@"3"];
for (int i =0; i<imageName.count; i++) {

UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(CGRectGetWidth(self.view.frame)*i, 0, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame))];
imageView.image = [UIImage imageNamed:imageName[i]];
[myScrollView addSubview:imageView];
}

[self.view addSubview:myScrollView];

页面控件 UIPageControl

12、初始化页面控件，添加到self。view

UIPageControl *pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(0, CGRectGetHeight(self.view.frame)-40, CGRectGetWidth(self.view.frame), 20)];
[self.view addSubview:pageControl];

13、页面控件属性

1⃣️设置页数
pageControl.numberOfPages = imageName.count;

2⃣️设置指示的当前页面
pageControl.currentPage = 0;
3⃣️当只有一个页面的时候隐藏
pageControl.hidesForSinglePage = YES;
4⃣️设置小圆点的颜色
pageControl.pageIndicatorTintColor = [UIColor yellowColor];
pageControl.currentPageIndicatorTintColor = [UIColor redColor];//当前小圆点pageControl.tag =
119; //设置tag值

14、页面控件与滚动视图融合

(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

{
CGFloat x = scrollView.contentOffset.x;//得到滚动视图的偏移量
CGFloat w = CGRectGetWidth(self.view.frame);
UIPageControl *pageControl = (UIPageControl *)[self.view
viewWithTag:119];

pageControl.currentPage = x/w;//设置PageControl的当前页面

}