iOS基础-UIScrollView、UIPageControl

UIScrollView的常用属性

UIScrollview主要专长于两个方面：

滚动：contentSize大于Frame.size的时候，能够滚动。

缩放：自带缩放，可以指定缩放倍数。

滚动属性

contentSize：定义内容区域大小，决定是否能够滑动

contentOffset：视图左上角距离坐标原点的偏移量

scrollsToTop：滑动到顶部（点击状态条的时候）

pagingEnabled：是否整屏翻动

bounces：边界是否回弹

scrollEnabled：是否能够滚动

showsHorizontalScrollIndicator：控制是否显示水平方向的滚动条

showVerticalScrollIndicator：控制是否显示垂直方向的滚动条

alwaysBounceVertical：控制垂直方向遇到遇到边框是否反弹

alwaysBounceHorizontal：控制水平方向遇到边框是否反弹

缩放属性

minimumZoomScale：缩小的最小比例

maximumZoomScale：放大的最大比例

zoomScale：设置变化比例

zooming：判断是否正在进行缩放反弹

bouncesZoom：控制缩放的时候是否会反弹

注：要实现缩放，还要实现delegate，指定缩放的视图是谁

UIScrollViewDelegate

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
//滚动就会触发
}

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
//开始拖拽时触发
}

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
//结束拖拽是触发
}

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{
//开始减速时触发
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
//结束减速是触发（停下的时候）
}

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale{
//完成放大缩小触发
}

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
//指定某个UIScrollview的子视图可以被放大缩小
}

UIPageControl

常用属性

currentPage：当前页

numberOfPages：指定页面的个数

注意：事件触发使用是UIControlEventsValueChanged

pageControl与scrollView合用

通常在Scrollview滚动的时候修改pageControl的currentPage

使用场景：引导页，首页的轮播图

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
self.view.backgroundColor = [UIColor grayColor];
_scrView = [[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].bounds];
//创建图片
_x = [UIScreen mainScreen].bounds.size.width;
_w = [UIScreen mainScreen].bounds.size.width;
_h = [UIScreen mainScreen].bounds.size.height;
for (int i = 1; i < 5; i++) {
NSString *str = [NSString stringWithFormat:@"%d.png",i];
UIImage *image = [UIImage imageNamed:str];

UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake((i-1) * _x, 0, _w, _h)];
imageView.image = image;
[self.scrView addSubview:imageView];
[imageView release];
}

//    UIImageView *image1 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"6"]];
//    image1.tag = 100;
[self.view addSubview:_scrView];
//    [_scrView addSubview:image1];

//设置scr滚动范围
_scrView.contentSize = CGSizeMake(_x * 4, 1200);
self.scrView.pagingEnabled = YES;
self.scrView.delegate = self;
[self.scrView release];
//    self.scrView.maximumZoomScale = 2.0;
//    self.scrView.minimumZoomScale = 0.5;

_pageCtr = [[UIPageControl alloc] initWithFrame:CGRectMake(160, 10, 100, 20)];
_pageCtr.numberOfPages = 4;
_pageCtr.currentPage = 0;
//    _pageCtr.backgroundColor = [UIColor redColor];
_pageCtr.pageIndicatorTintColor = [UIColor redColor];
_pageCtr.currentPageIndicatorTintColor = [UIColor greenColor];
[self.view addSubview:_pageCtr];

UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];
btn.frame = CGRectMake(300, 20, 60, 30);
btn.layer.borderWidth = 1;
btn.layer.cornerRadius = 5;

[btn setTitle:@"下一页" forState:UIControlStateNormal];
[btn addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn];

[NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextImage) userInfo:nil repeats:YES];
[_pageCtr addTarget:self action:@selector(nextImage) forControlEvents:UIControlEventValueChanged];

}

- (void)btnClick{
SecondViewController *svc = [[SecondViewController alloc] init];
[self presentViewController:svc animated:YES completion:nil];
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
NSLog(@"开始拖了");
int page = (scrollView.contentOffset.x + scrollView.frame.size.width * 0.5)/ scrollView.frame.size.width;
self.pageCtr.currentPage = page;
}

- (void)nextImage{
if (self.pageCtr.currentPage == 3) {
self.pageCtr.currentPage =0;

}else{
self.pageCtr.currentPage++;
}
CGFloat offsetX = self.pageCtr.currentPage * self.scrView.frame.size.width;
CGPoint offset = CGPointMake(offsetX, 0);
[self.scrView setContentOffset:offset animated:YES];
}