UIScrollView

继承自UIView,自带2个子控件:横、纵滚动条(不要通过索引来范围子控件!如果非要如此,可以先隐藏滚动条)但是另外:通过代码创建,一开始这两个子控件为nil。

用法:

将需要展示的内容(子控件)添加到其中即可。调用addSubviews方法添加。

属性:

  • 可视范围:即scrollview自身的长,宽。滚动时,动的是内容,而非scrollview
  • scrollEnabled:滚动使能
  • contentSize:滚动范围(宽,高),必须设置,且设定值要大于可视范围,才能滚动。contentSize = CGSizeMake(w,h);
  • showHorizionIndicator、showVerticalIndicator:是否有滚动条(水平、垂直)
  • bounces:YES/NO;:弹性效果
  • alwaysBouncesVertical ;:永远支持弹性效果
  • alwaysBounceHorizonal:YES/NO
  • alwaysBounceVertical:YES、NO,下拉弹性效果,常用于初始刷新
  • contentOffset:=CGPointMake(x,y); 内容偏移量。控制内容的显示位置。x,y为左上角坐标。这个属性非常重要,许多滚动功能效果的实现,其实就是改变或调整这个偏移量。往往结合以下方法实现翻页
    [self.myScrollView setContentOffset:CGPointMake(page * self.myScrollView.frame.size.width, 0) animated:YES];
  • contentInset :内边距,包括上左下右。作用,当滚到尽头时,还可以再有一段额外花边,如下
self.ScrollView.contentInset = UIEdgeInsetsMake(0, 120, 0, 120);
  • 动画方法:
    setContentOffset:。。。 animated:YES];

注意:设置VC.automaticallyAdjustsScrollViewInsets = NO; bug修复

代理:

代理也是一个属性。用于监听srcollview的整个滚动过程(正在滚动,滚动到某位置,停止滚动)。要想监听scrollview的滚动,必须给它设一个代理对象,给代理发送相应的消息,让代理得知它的滚动过程

  • 前提:必须遵守协议(在.m的interface中加UIscrollViewDelegate
    遵守了协议就可以使用代理方法(可选);
  • 设置代理对象,scrollview.dalegate = XX;任何oc类型的对象都可以成为代理;只要它声明代理方法;一般是控制器。

注意:必须把srcollview添加到控制器后,才开始将控制器设置为它的代理对象,否则将无法自动调用代理方法,因为这种情况下scrollview还是nil的。

  • 代理方法
1.scrollviewDidScroll:只要在拖拽,就自动执行
2.willbeginDragging:即将拖拽时。。。
3.willendDragging:即将停止拖拽
4.DidendDragging:已经停止拖拽
5.Diddecelerating:减速完毕(停止滚动)。特殊:如果没有减速就停止了···

PS :代理属性都是weak的(防止循环引用)

功能

  • 内容缩放
    UISrcollview的另一个功能。需要通过代理方法viewForZoomingIn 返回scrollview的子控件,告诉srcollview缩放哪个子控件


    UIScrollView_第1张图片
    QQ.png

    补充:代理方法viewDidZooming………//监听缩放过程

  • 分页功能
    例子演示:
    -添加srcollview
    -添加一个imageview,尺寸设置---再添加imageview,依次相接(for循环来做)

    for(int i = 0;i<5;i++){
        UIImageView *imgView = [[UIImageView alloc] init];
        imgView.frame = CGRectMake((i * 300),0, 300, 200);
        NSString *img = [NSString stringWithFormat:@"cloth%d",i+1];
        imgView.image = [UIImage imageNamed:img];
        imgView.backgroundColor = [UIColor grayColor];
        imgView.contentMode = UIViewContentModeScaleAspectFit;
        
        [self.myScrollview addSubview:imgView];
        
    }

PS:优化方法,当图片比较多时,只需3个imageview,循环装载图片。
-设scrollview的contentSize
-开启分页功能:设scrollview的pagingEanble = YES;即可
PS:scrollview以其可视范围尺寸作为一页。
-显示页码:使用控件UIPageControl
设置页数,前景背景色,位置,显示最上层)

UIPageControl 的属性:
  • numberOfPages:页数(等于图片数)
  • currentPage //当前页码
  • hidden = YES //隐藏页码
  • hidesForSinglePage = YES //单页时隐藏页码
  • 设置pageControl的图片
QQ.png

实现分页功能的思路:

监听scrollview停止滚动时,实现页码切换

  • 页码的计算,偏移量(Offset)的x除以scrollview的宽度。
  • 方法一:


    UIScrollView_第2张图片
    QQ.png
  • 方法二:


    UIScrollView_第3张图片
    QQ.png

定时器:每隔一定时间滚动
NSTimer类,提供一个定时器,做法:

UIScrollView_第4张图片
QQ.png

需要完善——当用户滚动时,定时器重置,防止冲突

UIScrollView_第5张图片
QQ.png

PS:可以将定时器部分的代码分别出来

UIScrollView_第6张图片
QQ.png

改进:加入多线程

UIScrollView_第7张图片
QQ.png

你可能感兴趣的:(UIScrollView)