谈谈UIView的几个layout方法-layoutSubvie

作者: smalldu | 来源:发表于2015-09-30 14:54 被阅读47922次

    最近在学习swift做动画,用到constraint的动画,用到layoutIfNeeded就去研究了下UIView的这几个布局的方法。

    下面是做得一个动画,下载地址:https://github.com/smalldu/IOS-Animations  
    中的AnimationDemo3
    
    动画

    下面列举下iOS layout的相关方法:

    • layoutSubviews
    • layoutIfNeeded
    • setNeedsLayout
    • setNeedsDisplay
    • drawRect
    • sizeThatFits
    • sizeToFit

    大概常用的上面几个 , 具体的应该还有别的。

    layoutSubviews

    这个方法,默认没有做任何事情,需要子类进行重写 。 系统在很多时候会去调用这个方法:

    1.初始化不会触发layoutSubviews,但是如果设置了不为CGRectZero的frame的时候就会触发。
    2.addSubview会触发layoutSubviews
    3.设置view的Frame会触发layoutSubviews,当然前提是frame的值设置前后发生了变化
    4.滚动一个UIScrollView会触发layoutSubviews
    5.旋转Screen会触发父UIView上的layoutSubviews事件
    6.改变一个UIView大小的时候也会触发父UIView上的layoutSubviews事件

    在苹果的官方文档中强调: You should override this method only if the autoresizing behaviors of the subviews do not offer the behavior you want.layoutSubviews, 当我们在某个类的内部调整子视图位置时,需要调用。反过来的意思就是说:如果你想要在外部设置subviews的位置,就不要重写。

    setNeedsLayout

    标记为需要重新布局,不立即刷新,但layoutSubviews一定会被调用
    配合layoutIfNeeded立即更新

    layoutIfNeeded

    如果,有需要刷新的标记,立即调用layoutSubviews进行布局

    这个动画中有用到 举个栗子🌰 。


    如图 , 上面有个label ,中间有个按钮 , label已经被自动布局到左上角 。 然后我们那个left的constraint

      @IBOutlet weak var leftContrain:NSLayoutConstraint!
    

    在viewDidLoad中声明好,然后在Main.storyboard中进行连线。点击按钮的时候 ,我们把左边的距离改成100 。

    在按钮的点击事件里加上这句。

    leftContrain.constant = 100
    

    然后我们想要一个动画的效果。
    如果这么做

       UIView.animateWithDuration(0.8, delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.5, options: UIViewAnimationOptions.AllowAnimatedContent, animations: {
                    self.leftContrain.constant = 100
                }, completion: nil)
    

    你会发现然并卵 。其实这句话self.leftContrain.constant = 100只是执行了setNeedsLayout 标记了需要重新布局,但是没有立即执行。所以我们需要在动画中调用这个方法layoutIfNeeded
    所以代码应该这么写

    leftContrain.constant = 100
            UIView.animateWithDuration(0.8, delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.5, options: UIViewAnimationOptions.AllowAnimatedContent, animations: {
                    self.view.layoutIfNeeded() //立即实现布局
                }, completion: nil)
    

    所以上面不管写多少约束的改变,只需要在动画里动用 一次self.view.layoutIfNeeded() ,所有的都会已动画的方式 。如果一些变化不想动画 。在动画前执行self.view.layoutIfNeeded()

    drawRect

    这个方法是用来重绘的。

    drawRect在以下情况下会被调用:
    1、如果在UIView初始化时没有设置rect大小,将直接导致drawRect不被自动调用。drawRect调用是在Controller->loadView, Controller->viewDidLoad 两方法之后掉用的.所以不用担心在控制器中,这些View的drawRect就开始画了.这样可以在控制器中设置一些值给View(如果这些View draw的时候需要用到某些变量值).
    2、该方法在调用sizeToFit后被调用,所以可以先调用sizeToFit计算出size。然后系统自动调用drawRect:方法。3、通过设置contentMode属性值为UIViewContentModeRedraw。那么将在每次设置或更改frame的时候自动调用drawRect:。4、直接调用setNeedsDisplay,或者setNeedsDisplayInRect:触发drawRect:,但是有个前提条件是rect不能为0。以上1,2推荐;而3,4不提倡

    drawRect方法使用注意点:
    1、若使用UIView绘图,只能在drawRect:方法中获取相应的contextRef并绘图。如果在其他方法中获取将获取到一个invalidate的ref并且不能用于画图。drawRect:方法不能手动显示调用,必须通过调用setNeedsDisplay 或者 setNeedsDisplayInRect,让系统自动调该方法。2、若使用calayer绘图,只能在drawInContext: 中(类似于drawRect)绘制,或者在delegate中的相应方法绘制。同样也是调用setNeedDisplay等间接调用以上方法3、若要实时画图,不能使用gestureRecognizer,只能使用touchbegan等方法来掉用setNeedsDisplay实时刷新屏幕

    sizeToFit

    • sizeToFit会自动调用sizeThatFits方法;
    • sizeToFit不应该在子类中被重写,应该重写sizeThatFits
    • sizeThatFits传入的参数是receiver当前的size,返回一个适合的size
    • sizeToFit可以被手动直接调用sizeToFit和sizeThatFits方法都没有递归,对subviews也不负责,只负责自己

    相关文章

      网友评论

      • 老板娘来盘一血:文中有一处比较明显的错误:『1.初始化不会触发layoutSubviews,但是如果设置了不为CGRectZero的frame的时候就会触发。』

        view 的初始化不会触发该view的layoutSubviews方法,无论该frame设置为何值,各位不妨一试。
      • 阿杰的人生路:layoutIfNeeded 不会每次都调用viewWillLayoutSubviews么?????求解
      • 郑明明:```You should override this method only if the autoresizing behaviors of the subviews do not offer the behavior you want.layoutSubviews```这句话的意思是说当系统布局满足不了需求的时候可以重写该方法
      • 苦笑男神:不错,有没有OC版的呀?
      • 852c98ad1b17:请教下 好多文章都有讲到实时画图不能用手势,这个是为什么 能说明下吗?

        <若要实时画图,不能使用gestureRecognizer,只能使用touchbegan等方法来掉用setNeedsDisplay实时刷新屏幕>

        我遇到的问题是在一个界面滑动绘制数据,但是如果后台有新的数据回来我要刷一下,然后用到了手势 屏幕上回卡顿一下
        能否解释下谢谢
      • saman0:写的不错
      • 6b69124ff056:大大你写得非常不错....非常细节的东西.
        当我读到 "在苹果的官方文档中强调: You should override this method only if the autoresizing behaviors of the subviews do not offer the behavior you want.layoutSubviews, 当我们在某个类的内部调整子视图位置时,需要调用。反过来的意思就是说:如果你想要在外部设置subviews的位置,就不要重写。" 这段理解和你不一样啊~

        我的理解是:"如果目前不能满足需求的时候就重载它.."
      • Wang66:先mark
      • 饭饭男:不错,我收藏了
      • 橡皮泥飞机:你好!我想问个问题 就是关于XIB加载到视图控制器要显示出来的这段时间
        大概调用了哪几个方法~~
        能麻烦说下吗
        JoeTong:我也想知道,这个程序是怎么走的!我就又个问题,view的宽度用xib约束的,而我的label是获取到view的宽度进行设置到,xib宽度不等于手机宽度的时候,view宽度变长了,可是label长度没变 这怎么破啊。我是在tableviewcell中设置的这个阻隔控件。用layoutifneed没用。想知道这段时间里干了什么
      • 烟佛经:不错
      • Rchongg:后者有案例分析就好了
      • 余温夏暖:那我现在有个问题要请教你,我有一个view 还有一个放在view上的label
        view约束为屏幕center 并且宽高100 label约束为center前面的view 并且宽等于View宽 高度为30
        然后我在动画变动View的宽度为200 使用的是UIView.animateWithDuration... 2秒执行完毕
        在变化下面有添加self.view.layoutIfNeeded()
        然后View动画变动到了200 而我那个Label 瞬间就变成200了...
        Label没有动画怎么破 :flushed:
        JoeTong:我问下啊,像你一样的背景,view的宽度用xib约束的,而我的label是获取到view的宽度进行设置到,xib宽度不等于手机宽度的时候,view宽度变长了,可是label长度没变 这怎么破啊。我是在tableviewcell中设置的这个阻隔控件。用layoutifneed没用
      • 一缕殇流化隐半边冰霜:过来膜拜大神!!这三个方法我还真的没有怎么分清楚!!! :stuck_out_tongue_winking_eye:
        一缕殇流化隐半边冰霜:@大石头布 :scream::scream::scream:更加搞不清楚了。。
        smalldu:@一缕殇流化隐半边冰霜 现在都不止这三个方法了,还有systemLayoutSizeFittingSize intrinsicContentSize 等
      • Pusswzy:谢谢
      • sindri的小巢:ray的书,哈哈,我也在看
        我叫阿水:@Sindri的小巢 你看的是纸质还是PDF?
        sindri的小巢:@KiBen iOS Animations by Tutorials
        我叫阿水:@Sindri的小巢 什么书名呀😀
      • VSCCW:涨知识了:smile:
      • No_00:受用
      • urmyfaith:应该来说,现在使用的最常见的就是你碰到的这种情况.

        在使用约束做动画的时候.

        一般使用frame做动画,是可以看到效果的.

        但是使用约束做动画的时候,修改约束后,frame没有立即改变,调用layoutIfNeeded后生成新的frame,
        这样动画就顺利出来了.

        (ps.感觉这篇文章之前看过? 不记得原链接了)
        Hanser0503:楼主说的我半天没看懂,看你说的以下懂了。。。蜜汁尴尬,,
        389c20d5a244:@urmyfaith 谢了,解了我很久的一个疑惑
      • 赤脊山的豺狼人:"如果一些变化不想动画 。在动画前执行self.view.layoutIfNeeded()"
        这句话真心帮到我了
        suoluomen:是的,感谢作者感谢这句话:smiley:
        smalldu:@赤脊山的豺狼人 能帮到你就好
      • Joy___:再看一遍
        矫炎圻:抓到你了
      • brownfeng:回去试试看~

      本文标题:谈谈UIView的几个layout方法-layoutSubvie

      本文链接:https://www.haomeiwen.com/subject/egtgcttx.html