zoukankan      html  css  js  c++  java
  • ios UIScrollView 基础属性

     

    UIScrollView 原理

        在滚动过程当中,其实是在修改原点坐标。当手指触摸后, scroll view会暂时拦截触摸事件,使用一个计时器。假如在计时器到点后没有发生手指移动事件,那么 scroll view 发送 tracking events 到被点击的 subview。假如在计时器到点前发生了移动事件,那么 scroll view 取消 tracking 自己发生滚动。

        子类可以重载

    touchesShouldBegin:withEvent:inContentView: 决定自己是否接收 touch 事件
    pagingEnabled:当值是 YES 会自动滚动到 subview 的边界,默认是NO
    touchesShouldCancelInContentView: 开始发送 tracking messages 消息给 subview 的时候调用这个方法,决定是否发送 tracking messages 消息到subview。假如返回 NO,发送。YES 则不发送。
    假如 canCancelContentTouches属性是NO,则不调用这个方法来影响如何处理滚动手势。

        scroll view 还处理缩放和平移手势,要实现缩放和平移,必须实现委托 viewForZoomingInScrollView:、scrollViewDidEndZooming:withView:atScale:
    两个方法。另外 maximumZoomScale和minimumZoomScale 两个属性要不一样。

    几个属性介绍

    tracking
    当 touch 后还没有拖动的时候值是YES,否则NO

    zoomBouncing
    当内容放大到最大或者最小的时候值是 YES,否则 NO

    zooming
    当正在缩放的时候值是 YES,否则 NO

    decelerating
    当滚动后,手指放开但是还在继续滚动中。这个时候是 YES,其它时候是 NO

    decelerationRate
    设置手指放开后的减速率

    maximumZoomScale
    一个浮点数,表示能放最大的倍数

    minimumZoomScale 
    一个浮点数,表示能缩最小的倍数

    pagingEnabled
    当值是 YES 会自动滚动到 subview 的边界。默认是NO

    scrollEnabled
    决定是否可以滚动

    delaysContentTouches
    是个布尔值,当值是 YES 的时候,用户触碰开始,scroll view要延迟一会,看看是否用户有意图滚动。假如滚动了,那么捕捉 touch-down 事件,否则就不捕捉。假如值是NO,当用户触碰, scroll view 会立即触发 touchesShouldBegin:withEvent:inContentView:,默认是 YES

    canCancelContentTouches
    当值是 YES 的时候,用户触碰后,然后在一定时间内没有移动,scrollView 发送 tracking events,然后用户移动手指足够长度触发滚动事件,这个时候,scrollView 发送了 touchesCancelled:withEvent: 到 subview,然后 scroView 开始滚动。假如值是 NO,scrollView 发送 tracking events 后,就算用户移动手指,scrollView 也不会滚动。

    contentSize
    里面内容的大小,也就是可以滚动的大小,默认是0,没有滚动效果。

    showsHorizontalScrollIndicator
    滚动时是否显示水平滚动条

    showsVerticalScrollIndicator
    滚动时是否显示垂直滚动条

    bounces
    默认是 yes,就是滚动超过边界会反弹有反弹回来的效果。假如是 NO,那么滚动到达边界会立刻停止。

    bouncesZoom
    和 bounces 类似,区别在于:这个效果反映在缩放上面,假如缩放超过最大缩放,那么会反弹效果;假如是 NO,则到达最大或者最小的时候立即停止。

    directionalLockEnabled
    默认是 NO,可以在垂直和水平方向同时运动。当值是 YES 时,假如一开始是垂直或者是水平运动,那么接下来会锁定另外一个方向的滚动。 假如一开始是对角方向滚动,则不会禁止某个方向

    indicatorStyle
    滚动条的样式,基本只是设置颜色。总共3个颜色:默认、黑、白

    scrollIndicatorInsets

    设置滚动条的位置

    //基本属性
    //设置UIScrollView滚动的位置
    @property(nonatomic) CGPoint contentOffset; 
     
    //设置UIScrollView内容的尺寸,滚动范围
    @property(nonatomic) CGSize contentSize; 
     
    //设置UIScrollView的4周增加额外的滚动区域
    @property(nonatomic) UIEdgeInsets contentInset; 
     
    //设置UIScrollView是否需要弹簧效果
    @property(nonatomic) BOOL bounces;
     
    //设置UIScrollView是否能滚动
    @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled; 
     
    //设置UIScrollView是否显示水平滚动条
    @property(nonatomic) BOOL showsHorizontalScrollIndicator;
     
    //设置UIScrollView是否显示垂直滚动条
    @property(nonatomic) BOOL showsVerticalScrollIndicator;

    scrollview里面的view拖动的问题

    请教一下各位一个问题:
    我现在在一个scrollview上排列了很多view,这个scrollview是可以滚动的,我还想拖动view,但 是问题出现了,如果scrollview只能垂直滚动的话,横向拖动view是没问题的,但是竖向拖动view就会导致scrollview滚动,而本意 要移动的view却不动了.
    scrollview不响应用户触摸的话,它自己就不能拖动了吧?我的目的是它也能动,但是其他view动的时候他不能动

    解决了,在touchbegain中禁止scrollview滚动,然后在touchend中开启scrollview滚动

    - (BOOL)touchesShouldBegin:(NSSet *)touches withEvent:(UIEvent *)event inContentView:(UIView *)view;  
    ......

    今天实验了一次,scrollview默认就是这么实现的,所以我不用自己重写这个方法,
    scrollview的工作原理是:当手指触摸后, scroll view会暂时拦截触摸事件,使用一个 计时器,假如在计时器到点后,没有发生手指移动事件, 那么,scroll view发送tracking events到被点击的subview, 假如在计时器到点前,发生了移动事件,那么 scroll view 取消tracking 自己发生滚动. 
    我最后的解决办法很无语,在touchbegain中,禁止scrollview的滚动,在touchend中打开scrollview的滚动

    我的源代码涉及到的东西比较多,不好剥离出来,我给你大概描述一下吧


    //--------------初始化各个view--------------
    UIScrollView *_scrollview = [[UIScrollView alloc] init];

    //自定义的view,放到scrollview上
    //其实正常的view就可以加到scrollview上,我之所以要自定义这么一个中间view,是因为我要重写touch的所有方法
    //重写touch方法的原因是,我要在touchBegain中让scrollview的滚动失效,而在touchEnd中让滚动有效
    UIMyView *_myView=[[UIMyView alloc] init];

    //需要拖动的view
    UIView *_view = [[UIView alloc] init];



    [_myView addSubview:_view];//将view加入自定义的view中,


    [_scrollview addSubview:_myView];//将自定义view加入scrollview中
    //-----------------------------------------------------


    //-----------MyView中的方法,其他部分我就不写了,只关注touch方法-------------------


    ....

    #pragma
    mark -- #pragma mark touch - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { .....你自己的代码...... UITouch *touch = [touches anyObject]; //如果是主view,则不进行操作 if ([touch view]==self) { return; } //由于中间隔了一层自定义的view,所以要两次superview UIScrollView *_scrollview = (UIScrollView *)[[[touch view] superview] superview]; _scrollview.scrollEnabled=NO;//让scrollview停止响应滚动 .....你自己的代码...... } - (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event { .....你自己的代码...... UITouch *touch = [touches anyObject]; UIScrollView *_scrollview = (UIScrollView *)[[[touch view] superview] superview]; _scrollview.scrollEnabled=YES;//让scrollview可以响应滚动 .....你自己的代码...... }

    -----------------------------------------------


    UIScrollView 代理(delegate)

    UIScrollView在滚动过程中 或者 停止滚动 时,如果需要做一些特定的操作,可用通过设置代理的方式(delegate)来监听UIScrollView的整个滚动过程,当UIScrollView发生一系列的滚动操作时, 会自动通知它的代理(delegate)对象,然后通过代理来监听UIScrollView的滚动过程。

    UIScrollView将delegate需 要实现的方法都定义在UIScrollViewDelegate协议中,因此UIScrollView的delegate必须遵守 UIScrollViewDelegate协议,然后实现协议中相应的方法,就可以监听UIScrollView的滚动过程

    // 用户开始拖拽时调用
    - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;
     
    // 滚动到某个位置时调用
    - (void)scrollViewDidScroll:(UIScrollView *)scrollView;
     
    // 用户结束拖拽时调用
    - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate;

    内容缩放

    UIScrollView不仅能滚动显示大量内容,还能对其内容进行缩放处理

    当在UIScrollView身上使用捏合手势时,UIScrollView会调用代理(delegate)的viewForZoomingInScrollView方法,这个方法返回的控件就是需要进行缩放的控件,缩放涉及的属性和方法

    /****属性****/
    //缩小的对小比例
    @property(nonatomic) CGFloat minimumZoomScale;
     
    //放大的最大比例
    @property(nonatomic) CGFloat maximumZoomScale;    
     
     
     
    /****方法****/
    //缩放时调用
    - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;
     
    //开始缩放的时候调用 
    - (void)scrollViewWillBeginZooming:(UIScrollView *)scrollView withView:(UIView *)view
     
    //正在缩放的时候调用
    - (void)scrollViewDidZoom:(UIScrollView *)scrollView

    UIScrollView无法滚动的解决办法

    如果UIScrollView无法滚动,可能是以下原因:

    5.1 没有设置contentSize属性

    5.2 设置属性scrollEnabled = NO

    5.3 没有接收到触摸事件(userInteractionEnabled = NO)

    5.4 取消autolayout功能,要想scrollView滚动,必须取消autolayout

    #import "ViewController.h"
     
    @interface ViewController ()<UIScrollViewDelegate>
    /**
     *UIScrollView
     */
    @property(nonatomic,strong)UIScrollView *scrollView;
     
    /**
     *  UIImageView
     */
    @property(nonatomic,strong)UIImageView *imageView;
    @end
     
    @implementation ViewController
    - (void)viewDidLoad {
         
        //2.设置 UIImageView
     
        UIImage *image = [UIImage imageNamed:@"scroll.jpg"];
        self.imageView.image = image;
         
        //2.1 设置图片范围
        CGFloat imageH = image.size.height;
        CGFloat imageW = image.size.width;
        CGFloat imageX = 0;
        CGFloat imageY = 0;
        self.imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);
         
         
     
        //3 设置UIScrollView 属性
         
        //3.2 设置UIScrollView内容的尺寸,滚动范围
        self.scrollView.contentSize=CGSizeMake(imageW, imageH);
         
        //3.2 设置UIScrollView的4周增加额外的滚动区域
        CGFloat distance = 100.0f;
        self.scrollView.contentInset = UIEdgeInsetsMake(distance, distance, distance, distance);
         
        //3.3 设置弹簧效果
        self.scrollView.bounces = YES;
         
        //3.4 设置滚动不显示
        self.scrollView.showsHorizontalScrollIndicator=NO;
        self.scrollView.showsVerticalScrollIndicator=NO;
         
         
         
         
        //4 UIImageView 添加到 UIScrollView 中
        [self.scrollView addSubview:self.imageView];
         
        //5 UIScrollView
        [self.view addSubview:self.scrollView];
         
         
        //6 设置代理
        self.scrollView.delegate = self;
         
         
        //7 缩放
        self.scrollView.minimumZoomScale=0.2f;
        self.scrollView.maximumZoomScale=2.0f;
         
    }
     
    #pragma mark 代理方法
    // 用户开始拖拽时调用
    - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
    {
        NSLog(@"开始拖拽");
    }
     
    // 滚动到某个位置时调用
    - (void)scrollViewDidScroll:(UIScrollView *)scrollView
    {
        NSLog(@"拖拽中");
    }
     
    // 用户结束拖拽时调用
    - (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
    {
        NSLog(@"结束拖拽");
    }
     
     
     
     
    #pragma mark 缩放
    /**
     *  缩放结束时调用
     *
     *  @param scrollView <#scrollView description#>
     *
     *  @return <#return value description#>
     */
    - (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
    {
        NSLog(@"开始缩放");
        return self.imageView;
    }
     
     
    /**
     *  缩放过程中调用
     *
     *  @param scrollView <#scrollView description#>
     */
    - (void)scrollViewDidZoom:(UIScrollView *)scrollView
    {
        NSLog(@"正在缩放");
    }
     
     
     
    /**
     *  缩放结束时调用
     *
     *  @param scrollView <#scrollView description#>
     *  @param view       <#view description#>
     *  @param scale      <#scale description#>
     */
    - (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale
    {
        NSLog(@"缩放结束");
    }
     
     
     
     
     
    #pragma mark 属性get方法
     
    - (UIScrollView *)scrollView
    {
        if (!_scrollView) {
            _scrollView = [[UIScrollView alloc] initWithFrame:self.view.frame];
        }
        return _scrollView;
    }
     
     
     
    - (UIImageView *)imageView
    {
        if (!_imageView) {
            _imageView = [[UIImageView alloc] init];
        }
        return _imageView;
    }
     
     
     
    @end

    ===========================================

    contentsize是内容的宽和高,contentsize.width是内容的宽度,contentsize.heght是高度,contentsizeUIScrollView的一个属性,它是一个CGSize,是由核心图形所定义的架构,那定义了你可以滚轴内容的宽度和高度,你也可以添加可以上下滚动的额外区域。第一种方法是你可以通过添加内容的大小来完成。另外一个比较动态的选择是UIScrollView的另一个属性contentInsetcontentInset增加你在contentsize中指定的内容能够滚动的上下左右区域数量contentInset.top以及contentInset.buttom分别表示上面和下面的距离。

               在滚轴视图中,有一个叫做ContentOffset的属性跟踪UIScrollView的具体位置,你能够自己获取和设置它,ContentOffset是你当前可视内容在滚轴视图边界的左上角那个点。如图:


               可以看出,ContentOffset内容中的那个点不是从contentInset的左上角开始的,而是内容的左上角,此时的ContentOffset是正值,但有时也是负值,如下图所示:

     

     

    //使用一个ScrollView
    //创建一个UIScrollView
    CGRectframe = CGRectMake( 0, 0, 200, 200);
    scrollView= [[UIScrollView alloc] initWithFrame: frame];
    
    //添加子视图(框架可以超过scroll view的边界)
    frame= CGRectMake( 0, 0, 500, 500);
    myImageView= [[UIImageView alloc] initWithFrame: frame];
    [scrollViewaddSubview:myImageView];
    
    //设置内容尺寸
    scrollView.contentSize= CGSize(500,500);

    扩展Scroll View 的行为

          应用程序通常需要知道有关的滚图的事件

                scrolloffset改变的时候

               拖动开始和结束

                减速的开始和结束


    通过子类化扩展Scroll View 的行为

            创建一个子类

            重写一些功能并改变行为

            关于这种方式的争议

       


  • 相关阅读:
    2020 CCPC Wannafly Winter Camp Day2 E阔力梯的树(树上启发式合并)
    牛客练习赛73D 离别(线段树)
    从零开始部署图书管理系统
    linux下安装nginx(编译安装)及反向代理及负载均衡
    linux下MariaDB安装
    linux下virtualenvwrapper安装
    linux下安装虚拟环境
    linux下安装django2.2
    linux下安装nginx(yum源安装)
    linux系统优化命令--day03
  • 原文地址:https://www.cnblogs.com/allanliu/p/4532674.html
Copyright © 2011-2022 走看看