UIScrollView 滚动视图 核心功能是滚动和缩放
UIPageControl 一般情况下不会自己单独使用，只会和滚动视图结合使用
- (void)viewDidLoad {
[super viewDidLoad];
UIScrollView *scrollview = [[UIScrollView alloc] initWithFrame:CGRectMake(0,100,300,300)];
// frame决定是显示窗口的大小
// 设置代理
scrollView.delegate = self;// ViewController遵守UIScrollViewDelegate协议
// 决定内容区域的大小，内容区域的大小决定是横向滚动还是纵向滚动
scrollView.contentSize = CGSizeMake(300*3,300);
// 当前偏移量，这个属性也是我们后面进行相关操作的重要数据
scrollView.contentOffset = CGPointMake(0,0);
// 设置是否显示滚动条，默认是YES
scrollView.showsHorizontalScrollIndicator = NO;
scrollView.showsVerticalScrollIndicator = NO;
// 设置整屏滚动 默认是NO
scrollView.pagingEnabled = YES;
// 设置边界是否回弹 默认是YES
scrollView.bounces = NO;
// 点击状态栏，回到顶部，默认是YES，前提是纵向滚动，P.S：当scrollView中装载的是UIScrollView时无法回顶部,不知道为什么，也可能是我操作不当
scrollView.scrollsToTop = YES;
for (int i = 0 ; i < 3; i++) {
// 大scrollView上装小的scrollView是因为设置了大scrollView的缩放后，在滑动操作时会起冲突导致崩溃，所以为了不影响大scrollView的滑动操作，我们对小scrollView进行缩放操作
UIScrollView *scrollViewS = [[UIScrollView alloc] initWithFrame:CGRectMake(300*i,0,300,300)];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0,0,300,300)];
imageView.image = [UIImage imageNamed:[NSString stringWithFormat:@"01%d.png",i+3];//图片是013.png，014.png，015.png
[scrollViewS addSubview:imageView];
[imageView release];
[scrollView addSubview:scrollViewS];
[scrollViewS release];
// 小S设置代理是为了实现视图缩放
// 大S设置代理是为了实现视图滚动
scrollViewS.delegate = self;
// 设置缩小比例和放大比例
scrollViewS.minimumZoomScale = 0.5;
scrollViewS.maximumZoomScale = 2;
scrollViewS.showsHorizontalScrollIndicator = NO;
scrollViewS.showsVerticalScrollIndicator = NO;
}
UIPageControl *page = [[UIPageControl alloc] initWithFrame:CGRectMake(0,370,300,30)];
page.backgroundColor = [UIColor blueColor];// 一般不设背景颜色，太丑
// 设置小圆点的个数
page.numberOfPages = 3;
// 设置当前小圆点的颜色
page.currentPageIndicatorTintColor = [UIColor redColor];
// 设置非当前小圆点的颜色
page.pageIndicatorTintColor = [UIColor yellowColor];
// 设置初始小圆点
page.currentPage = 0;
// 添加事件
[page addTarget:self action:@selector(pageAction:) forControlEvents:UIControlEventValueChanged];// 没错，小圆点也是UIControl的子类
[self.view addSubview:page];
[page release];
}
#pragma mark --- page触发事件 ---
// page的触发不是点击小圆点而是点击旁边的空白，而且不能跳着移动只能一个一个的移动
- (void)pageAction:(UIPageControl *)page{
UIScrollView *sv = self.view.subviews[0];
// 自带动画
[sv setContentOffset:CGPointMake(page.currentPage*300,0) animated:YES];//这个方法会调用滚动的方法；
}
#pragma mark --- 允许哪些视图可以缩放 ---
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
// 不设置的话无法缩放
return [scrollView subviews][0]
}
#pragma mark --- 视图缩放时自动调用的方法 ---
- (void)scrollViewDidZoom:(UIScrollView *)scrollView{
// 当我们设置完放大和缩小的比例后，实际上我们不需要任何操作，系统就帮我们执行好了放大和缩小功能，只不过不是根据中心点缩放
// 缩小时为了让视图根据中心点进行缩放，我们需要手动设置
// 放大的时候不用调整中心点的位置
if (scrollView.zoomScale <= 1) {
scrollView.subviews[0].center = CGPointMake(scrollView.frame.size.width/2,scrollView.frame.size.height/2);
}
}
#pragma mark --- 滚动调用的方法 ---
// 滚动视图的执行顺序 开始拖拽 -> 滚动 -> 滚动 -> 滚动 -> 结束拖拽 ->开始减速 -> 滚动 -> 滚动 -> 滚动 -> 结束减速
// 放大缩小时也会调用这个方法
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
NSLog(@"滚动");
}
#pragma mark --- 开始拖拽调用的方法 ---
//在边界处拖拽，即使不滚动也会调用开始拖拽和结束拖拽的方法
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
NSLog(@"开始拖拽");
}
#pragma mark --- 结束拖拽调用的方法 ---
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
NSLog(@"结束拖拽");
}
#pragma mark --- 开始减速 ---
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{
NSLog(@"开始减速");
}
#pragma mark --- 结束减速 ---
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
NSLog(@"结束减速");
UIScrollView *bigScrollView = self.view.subviews[0];
if (![bigScrollView isEqual:scrollView]) {
return;// 如果传进来的是小s 我们直接return不往下执行
}
UIPageControl *page = self.view.subviews[1];
if (page.currentPage != scrollView.contentOffset.x/300) {
// 判断当滚动视图停止后是不是还保留在当前页，如果保留在当前页 ，视图不恢复原样，如果不是保留在当前页，恢复视图原样；
for (UIScrollView *i in scrollView.subviews) {
i.zoomScale = 1;
}
page.currentPage = scrollView.contentOffset.x/300;
}
}