图片浏览器的初级制作：UIScrollView UIPageControl

#import "MangoView.h"

//设置宽和高的宏定义

#define KWH self.frame.size.width

#define KHG self.frame.size.height

@interface MangoView()

@property(nonatomic, retain) UIScrollView *scrollView;

@property(nonatomic, retain) UIPageControl *pageControl;

@end

@implementation MangoView

- (instancetype)initWithFrame:(CGRect)frame

{

    self = [super initWithFrame:frame];

    if (self) {

        [self loginCustonView];

    }

    return self;

}

-(void)loginCustonView{

    //初始化设置大小ScrollView（图片浏览器）

    self.scrollView = [[UIScrollView alloc] initWithFrame:self.frame];

    //设置ScrollView的背景颜色；

     self.backgroundColor = [UIColor cyanColor];

    //当contentSize大于ScrollView.frame，时就可以滑动；如果只有宽度大于ScrollView的宽度，就可以左右移动，大于高度就可以上下移动；

    //图片浏览器的设计思路

    /*

     1、图片如果想要滑动，那么需要把图片添加到scrollview上；

     2、scrollview本身自带缩放功能，图片的大小想要依赖于scrollview的放大缩小；

     3、把所有的题片都添加到scrollview上，scrollview的放大缩小是整个大的scrollview。而不是每张图片放大缩小，不满足要求；

     4、把每张图片都添加到一个scrollview上，这样每个图片都实现了缩小放大的功能。同时有一个问题，如何让这些图片能放大缩小来回滚动？

     5、把加载每张图片的scrollview添加到一个大的scrollview上，就能实现滑动效果；

     

     */

    for (int i = 1; i < 8; i++) {

        NSString *ima = [NSString stringWithFormat:@"%d.jpg",i];

    

        UIImageView *imageview1 = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, KWH, KHG)];

        UIScrollView *scrollView1 = [[UIScrollView alloc]initWithFrame:CGRectMake(KWH * (i-1), 0, KWH, KHG)];

        //最小缩小比例；

        scrollView1.minimumZoomScale = 0.5;

        //最大放大比例；

        scrollView1.maximumZoomScale = 2.0;

        scrollView1.delegate = self;

        //把每一张图片的scrollView添加到大的scollview中；

        

        imageview1.tag = 110;

        imageview1.image = [UIImage imageNamed:ima];

        [scrollView1 addSubview:imageview1];

        [self.scrollView addSubview:scrollView1];

        [imageview1 release];

    }

    

    //滑动到顶部，只有在竖屏的情况下才会显示效果

    self.scrollView.scrollsToTop = YES;

    //是否整屏滑动，默认值为NO；

    self.scrollView.pagingEnabled = YES;

    //遇到边界是否可以弹回，默认yes是滑动到边界还可以继续滑动，但是松手的时候还是可以继续续弹回，如果NO滑动到边界就停止，边界无法滑动；

    self.scrollView.bounces = YES;

    //是否可以滑动，no是不可以；

    self.scrollView.scrollEnabled = YES;

    //是否显示水平方向滚动条；

    self.scrollView.showsHorizontalScrollIndicator = NO;

    //是否显示竖直方向滚动条

    self.scrollView.showsVerticalScrollIndicator = NO;

    //内容的大小如果小于scrollView的时候仍然可以左右滑动边界；

    self.scrollView.alwaysBounceHorizontal = NO;

    self.scrollView.alwaysBounceVertical = NO;

    //设置代理；

    self.scrollView.delegate = self;

    //scrollView的宽度；

    self.scrollView.contentSize = CGSizeMake(KWH * 7, KHG);

    //将ScrollView添加到视图

    [self addSubview:self.scrollView];

    //释放ScrollView

    [self.scrollView release];

    

    //scrollView的frame 和 contentSize的区别：

    /*

     1、frame是scrollView的frame能够显示的大小；

     2、contentSize是scrollView的frame里内容的大小；

     3、frame的大小决定了你能看到的内容的大小；

     

     */

    

    //创建PageControl；

    self.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, KHG - 80, KWH, 30)];

    //设置PageControl的个数

    self.pageControl.numberOfPages = 7;

    //未选中的颜色

    self.pageControl.pageIndicatorTintColor = [UIColor grayColor];

    //当前的颜色；

    self.pageControl.currentPageIndicatorTintColor = [UIColor greenColor];

    [self.pageControl addTarget:self action:@selector(pageSelectAction:) forControlEvents:UIControlEventValueChanged];

    [self addSubview:self.pageControl];

    [self.pageControl release];

}

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

    CGFloat pageWidth = self.frame.size.width;

    //contentOffset,是当前scrollView距离远点偏移的位置

    //获取scrollView停止时的偏移量；

    CGPoint offset = self.scrollView.contentOffset;

    //通过偏移量和页面宽度计算出当前页数；

    NSInteger pageNum = offset.x / pageWidth;

    //修改当前页；

    self.pageControl.currentPage = pageNum;

}

-(void)dealloc{

    [_scrollView release];

    [_pageControl release];

    [super dealloc];

}

//改变图片大小的方法

-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{

    //在scollView上通过tag值

    UIImageView *zoomImageView = (UIImageView *)

    [scrollView viewWithTag:110];

    return zoomImageView;

}

//让scrollView的页面跟随pageControl的点击

-(void)pageSelectAction:(UIPageControl *)pageControl{

    //获取pageControl点击的页面在第几页；

    NSInteger pageNum = pageControl.currentPage;

    //第二步，获取页面的宽度：

    CGFloat pageWidth = self.scrollView.frame.size.width;

    //让scrollView滚动到第几页；

    self.scrollView.contentOffset = CGPointMake(pageNum * pageWidth, 0);

    

}

@end