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

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

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

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

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

约束，也是关键：

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

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

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

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

具体操作：

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

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

这里不再赘述了啊，操作如下：

网友评论

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

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

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