上一篇讲到的是文字横向扩展,父视图跟随横向扩展,那么当文字纵向扩展,父视图跟随纵向扩展,这种情况有没呢,当然有,项目中有很多这样的情况,比如:
要么就是向下扩展,要么就是向上扩展,那么首先说一下向上扩展,
视图和上篇一样,还是三个视图,父视图,背景视图,label,
约束,也是关键:
父视图:父视图因为是增长的,所以高度不能给,又因为是向上增长的,所以上方约束不能给,所以父视图只需要给左右下三个约束即可,
背景视图:它的目的是为了有一个黑色半透明背景,它和父视图范围是一样的,所以它和父视图上下左右均对齐即可(当然有很多其他方式)
label视图:label视图因为是垂直方向增长,所以高度不能给,lines设为0,因为是向上变化,所以先给它左右下这三个约束,因为它要把父视图往上撑起来,所以它距离父视图上方的约束要给定一个值,这个是关键
,不然撑不起来,只能向上变化,
具体操作:
向上扩展知道了,那么向下扩展就是换汤不换药了,
那么向下扩展,父视图上面就要给定约束,label距离父视图下面要给定约束,其他和向上扩展的设置一样
这里不再赘述了啊,操作如下: