zoukankan      html  css  js  c++  java
  • UIScrollView的contentSize与contentOffset

     UIScrollView为了显示多于一个屏幕的内容或者超过你能放在内存中的内容。

                     Scroll View为你处理缩小放大手势,UIScrollView实现了这些手势,并且替你处理对于它们的探测和回应。其中需要注意的子类是UITableView以及UITextView(用来显示大量的文字)。还有一个UIWebView,尽管那不是UIScrollView的直接子类,它适用UIScrollView去显示网页内容

            contentsize是内容的宽和高,contentsize.width是内容的宽度,contentsize.heght是高度,contentsize是UIScrollView的一个属性,它是一个CGSize,是由核心图形所定义的架构,那定义了你可以滚轴内容的宽度和高度,你也可以添加可以上下滚动的额外区域。第一种方法是你可以通过添加内容的大小来完成。另外一个比较动态的选择是UIScrollView的另一个属性contentInset,contentInset增加你在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);

     

    几个属性介绍

    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
    设置滚动条的位置

  • 相关阅读:
    SQL Server索引进阶:第十二级,创建,修改,删除
    SQL Server索引进阶第十一篇:索引碎片分析与解决
    Object.create()和new object()和{}的区别
    vue 前后端分离nginx部署
    实现组件props双向绑定解决方案
    prop不同数据类型设置默认值
    vue + element ui 阻止表单输入框回车刷新页面
    Vue.js中 watch(深度监听)的最易懂的解释
    vue-resource和axios区别
    JS中 reduce() 的用法
  • 原文地址:https://www.cnblogs.com/guoxiaoqian/p/4575103.html
Copyright © 2011-2022 走看看