美文网首页
自动布局技巧篇-文字纵向扩展父视图跟随纵向扩展

自动布局技巧篇-文字纵向扩展父视图跟随纵向扩展

作者: as_kj | 来源:发表于2017-04-18 16:03 被阅读0次

    上一篇讲到的是文字横向扩展,父视图跟随横向扩展,那么当文字纵向扩展,父视图跟随纵向扩展,这种情况有没呢,当然有,项目中有很多这样的情况,比如:

    要么就是向下扩展,要么就是向上扩展,那么首先说一下向上扩展,

    视图和上篇一样,还是三个视图,父视图,背景视图,label,

    约束,也是关键:

    父视图:父视图因为是增长的,所以高度不能给,又因为是向上增长的,所以上方约束不能给,所以父视图只需要给左右下三个约束即可,

    背景视图:它的目的是为了有一个黑色半透明背景,它和父视图范围是一样的,所以它和父视图上下左右均对齐即可(当然有很多其他方式)

    label视图:label视图因为是垂直方向增长,所以高度不能给,lines设为0,因为是向上变化,所以先给它左右下这三个约束,因为它要把父视图往上撑起来,所以它距离父视图上方的约束要给定一个值,这个是关键

    ,不然撑不起来,只能向上变化,

    具体操作:

    向上扩展知道了,那么向下扩展就是换汤不换药了,

    那么向下扩展,父视图上面就要给定约束,label距离父视图下面要给定约束,其他和向上扩展的设置一样

    这里不再赘述了啊,操作如下:

    demo地址https://github.com/aszkj/KJAutoLayoutSillDemo

    相关文章

      网友评论

          本文标题:自动布局技巧篇-文字纵向扩展父视图跟随纵向扩展

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