UIScrollView的重要属性总结,以及UIScrollViewDelegate协议的使用

早就想开通博客 写一些每天工作当中的总结与学习,无奈强迫症的我,非要拖到新年伊始,给自己个记录点... 好回到正题.最近经常有身边的朋友问我一些关于UIScrollView控件的问题,现总结如下,供走在iOS开发道路上的每一位朋友参考.如果出现creash,请各位朋友指出,我必虚心接受并改正.

将UIScrollView的总结分为以下几点:

• UIScrollView的继承与初始化
• 对UIScrollView的理解
• UIScrollView的重要属性
• UIScrollView的偏移量问题
• UIScrollViewDelegate协议
• 关于UIScrollVIew的应用

UIScrollView的继承与初始化

NS_CLASS_AVAILABLE_IOS(2_0) @interface UIScrollView : UIView <NSCoding>

UIScrollView继承自UIView, 没有自己的初始化方法, 所以调用UIView的初始化方法 initWithFrame:

对UIScrollView的理解

UIScrollView对于刚刚结束iOS的朋友还是比较抽象的.我们可以理解为通过放映机的镜头显示其后面胶片的内容. 设置frame属性即设置镜头的坐标和宽高.

UIScrollView的重要属性:

@property ( nonatomic )         CGPoint                       contentOffset; —> 胶片的偏移量, 胶片相对于镜头左上顶点的偏移大小. 默认为0, 即胶片的左上顶点和镜头的左上顶点重合. 向左移动偏移量为正, 向右移动偏移量为负, 向上为正, 向下为负. @property ( nonatomic )         CGSize                       contentSize; —> 胶片的尺寸, 默认为0, 胶片尺寸宽或高为0, 就是和镜头的宽或高相等. @property ( nonatomic , assign ) id < UIScrollViewDelegate >      delegate; —> 代理人, 设置为遵守了 UIScrollViewDelegate 协议的代理人, 该代理人即可执行监听到的 < UIScrollViewDelegate >协议中定义的方法. @property ( nonatomic )         BOOL                         bounces; —> 如果为YES, 滑动时胶片边缘向内超出了镜头的边缘还会弹回去, 如果为NO, 则不会弹回去. 默认为YES. @property ( nonatomic )         BOOL                         alwaysBounceVertical; —> 如果此属性和bounces同时为YES, 即使胶片小于镜头, 也允许垂直拖拽. @property ( nonatomic )         BOOL                         alwaysBounceHorizontal;  —> 如果此属性和bounces同时为YES, 即使胶片小于镜头, 也允许水平拖拽. @property ( nonatomic , getter =isPagingEnabled) BOOL           pagingEnabled; —> 分页滑动, 如果为YES, 会在每个子视图处停下. 默认为YES. @property ( nonatomic , getter =isScrollEnabled) BOOL           scrollEnabled; —> 允许滑动, 如果为YES, 允许滑动, 如果为NO, 不允许滑动. @property ( nonatomic ) CGFloat minimumZoomScale; —> 最小缩放比例,  指胶片可以缩小为原来的多少倍. 默认为1, 即无法缩小. @property ( nonatomic ) CGFloat maximumZoomScale; —> 最大缩放比例 ,  指胶片可以放大为原来的多少倍. 默认为1, 即无法放大, 必须要大于 minimumZoomScale才能缩放. @property ( nonatomic ) CGFloat zoomScale NS_AVAILABLE_IOS ( 3 _0); —> 缩放比例, 指胶片默认为原来的多少倍. 默认为1.

UIScrollView修改偏移量的方法

- ( void )setContentOffset:( CGPoint )contentOffset animated:( BOOL )animated;

使用次方法可以使改变偏移量时有动画效果, 或者可以直接修改contentSize属性, 但没有动画效果.

UIScrollViewDelegate协议

可以在遵循了UIScrollViewDelegate协议的类中重写以下方法:

- ( void )scrollViewDidScroll:( UIScrollView *)scrollView; —> 正在滚动 - ( void )scrollViewWillBeginDragging:( UIScrollView *)scrollView; —> 将要开始拖拽 - ( void )scrollViewWillEndDragging:( UIScrollView *)scrollView withVelocity:( CGPoint )velocity targetContentOffset:( inout CGPoint *)targetContentOffset NS_AVAILABLE_IOS ( 5 _0); —> 将要结束拖拽 - ( void )scrollViewDidEndDragging:( UIScrollView *)scrollView willDecelerate:( BOOL )decelerate; —> 已经结束拖拽 - ( void )scrollViewWillBeginDecelerating:( UIScrollView *)scrollView; —> 将要开始减速 - ( void )scrollViewDidEndDecelerating:( UIScrollView *)scrollView; —> 已经结束减速

点击ScrollView并拖拽, 松手, 画面滑到下一页, 停止 的过程中, 执行了: 将要开始拖拽, 正在滚动, 将要结束拖拽, 已经结束拖拽, 将要开始减速, 已经结束减速

 

当UIScrollView监听到相应事件时, 会让遵循协议的代理人执行scrollViewDidScroll:等方法, 但监听的工作不是代理人做的, 而是UIScrollView做的. 方法中的参数scrollView为当前监听这些方法所代表的事件的ScrollView.

UIScrollViewDelegate协议中还有缩放的方法:

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

如果需要缩放, 需要遵守协议, 并重写该方法:

- ( UIView *)viewForZoomingInScrollView:( UIScrollView *)scrollView{     NSArray *array = scrollView. subviews ; —> 获得当前ScrollView中的所有子视图     return [array firstObject ]; —> 返回需要放大的内容 }

缩放的时候本质是改变 contentSize

关于ScrollView的应用

说到ScrollView的应用,一个入门的就是简单的相册

要将小ScrollView的宽高设置为与大ScrollView相等

如果图片尺寸不一样, 且需要将每张设定为特定的尺寸, 则需要将每个装有图片的ImageView单独设置尺寸, 并且须根据图片自己的宽高比以不影响图片显示时的宽高比. 在UIImageView中, 图片是根据UIImageView的尺寸拉伸的. 

如果UIImageView的尺寸小于小的ScrollView的contentSize, 也没有关系, 因为在后面可以设置maximumZoomScale属性, 并实现UIScrollViewDelegate协议中viewForZoomingInScrollView:的方法从而可以使之缩放, 而缩放的实质是改变UIScrollView的contentSize属性.

让任何尺寸图片适配ScrollView的方法:

1. 先确定外面大ScrollView的frame

2. 取得图片放到UIImage类型的aImage对象并放到ImageView类型的imageView对象中

3. 设置ImageView的bounds, 分三种情况:

• 当原图片的 高/宽 > ScrollView 的 高/宽 时, 设图片的高度等于ScrollView的高度, 宽度按比例缩放:

  if ((aImage.size.height / aImage.size.width) > (self.myScroll.frame.size.height / self.myScroll.frame.size.width)) {     imageView.bounds = CGRectMake(0, 0, self.myScroll.frame.size.height / aImage.size.height * aImage.size.width,  self.myScroll.frame.size.height); }

• 当原图片的 高/宽 < ScrollView 的 高/宽 时, 设图片的宽度等于ScrollView的宽度, 高度按比例缩放:

  else if ((aImage.size.height / aImage.size.width) < (self.myScroll.frame.size.height / self.myScroll.frame.size.width)){     imageView.bounds = CGRectMake(0,0, self.myScroll.frame.size.width, self.myScroll.frame.size.width / aImage.size.width * aImage.size.height); }

• 当原图片的 高/宽 == ScrollView的 高/宽 时, 设图片的宽度等于ScrollView的宽度,图片的高度等于ScrollView的高度:

  else if ((aImage.size.height / aImage.size.width) == (self.myScroll.frame.size.height / self.myScroll.frame.size.width)){     imageView.bounds = CGRectMake(0,0, self.myScroll.frame.size.width, self.myScroll.frame.size.height); }

4. 设定imageView的中心点位置:

imageView. center = CGPointMake ( self . myScroll . frame . size . width / 2 , self . myScroll . frame . size . height / 2 );

5. 生成小的UIScrollView对象, 使其frame = 大UIScrollView对象