zoukankan      html  css  js  c++  java
  • UIScrollerview的contentsize设置

      最近被同行的一个朋友问到一个问题“UIScrollerview上添加子控件,给子控件约束好布局之后,还需要给scrollerview重新设置contentsize吗?”于是想到了我自己曾经着手的一个项目,有一个界面就用到了scrollerView,里面添加了子控件,我记得当时scrollerView的frame和屏幕的一样,contensize最后是在里面的子控件布局结束之后重新设置的,所以我的回答是需要设置呀。可是最后,那个朋友就告我让我回去再试试,说是不需要设置的,还说可能是我和他那边的需求不一样我的才需要重新设置contentsize。最后自己就试了试,整理如下。

      首先用storyboard创建一个UIScrollerview到当前view上,设置好上下左右的间距,更新布局,这时候肯定是没有问题的,正常显示。之后又放一个UIImageview到scrollerView上,上下左右到scrollerView的间距,更新约束,这时候却显示布局报错,按理说正常的控件这时就可以正常工作吧。问题的关键在于如何给scrollView内部的子控件添加完整约束.scrollView内部子控件约束的添加需要遵循两个原则:

    1、scrollView内部子控件的尺寸不能以scrollView的尺寸为参照
    2、scrollView内部的子控件的约束必须完整

    首先,子控件的尺寸不能以scrollView的尺寸为参照,那么我们有两种选择:

    • 提供一个具体值的约束(比如200)
    • 子控件的尺寸可以参照scrollView以外其它的控件的尺寸(如控制器的view的尺寸)

    其次,约束"完整"的意思是说:子控件在水平及竖直方向上的约束要把scrollView"撑满".

    也就是说,在水平方向上,我们需要设置:

    • 子控件左侧与父控件的距离
    • 子控件自身的宽度
    • 子控件右侧距父控件的距离.

    竖直方向上也一样,要设置:

    • 子控件顶部距父控件的距离
    • 子控件的高度
    • 子控件底部距父控件的距离.

     上面我的问题就在于没有设置UIImageView的尺寸。

    为什么scrollView如此特殊呢?

    这是因为,scrollView需要根据添加在其内部的子控件的宽高及与四周的距离计算出它的contentSize.

    例如:
    一个添加在scrollView内部的imageView的宽高为{80, 50}, imageView距离上左下右的距离分别为:100, 200, 300, 400,那么不需要用代码赋值contentSize,我们就可以打印出scrollView的contentSize为{680, 450}.
    如图:

     

    也就是说,子控件的约束决定了container的尺寸(contentSize).

    这里自己用storyboard亲测是可以的,压根不需要设置contentsize;然而在用我自己常用的布局框架SDAutolayout却发现了问题,contentsize始终为最初的屏幕大小,最后又用布局框架Masonry试了一遍,这时候却是可以的,好吧,到这里我只能说,SDAutolayout原来还有这个问题,我原来的项目scrollerView布局正好用的SDAutolayout,真的坑死我了,明明是此布局框架的问题,请注意了!!

    原帖:http://blog.csdn.net/u014795020/article/details/51893943

  • 相关阅读:
    P1093 奖学金
    『模板』快速排序
    [模板]选择排序&&冒泡排序&&插入排序
    CF898A Rounding
    计算细胞数【BFS】
    字符串匹配问题(lfyzoj)
    [HDU]4694 Important Sisters(支配树)
    [BZOJ]4650: [Noi2016]优秀的拆分
    [BZOJ]4908: [BeiJing2017]开车
    [洛谷]P3729 曼哈顿计划EX(最小割树/等价流树)
  • 原文地址:https://www.cnblogs.com/jingxin1992/p/7100933.html
Copyright © 2011-2022 走看看