美文网首页程序员
Storyboard约束自适应宽度

Storyboard约束自适应宽度

作者: _安迪_ | 来源:发表于2018-05-17 14:59 被阅读186次

遇到这样一个需求,有两个Label并排,第二个Label需要紧贴第一个Label。


需求

因为Label的文字一直会变,所以这里不能固定住第一个Label的宽度,这里需要对第一个Label做动态宽度约束。
1、对第一个和第二个Label做正常约束:左、上、宽、高。


设置第一个Label的约束
设置第二个Label的约束

2、选中第一个Label,选择右上角的尺寸,宽度只适应的话,需要把Content Hugging Priorty的Vertical调高点,我这里调成了1000(高度的话调Horizontal)。


Content Hugging Priorty

3、选中第一个Label的宽度约束,把Priority调小一点,我调成了200


设置Priority

4、可以看到第一个Label的宽度约束变成了虚线。


设置Priority完成

5、我们来尝试一下改变第一个Label的值,可以看到宽度在动态的变化了,同时第二个Label也会动态的跟在第一个Label后面。


成功

大功告成!

相关文章

网友评论

    本文标题:Storyboard约束自适应宽度

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