UIScrollView和UIPageControl

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;
    }
}