遇到这样一个需求,有两个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后面。
成功
大功告成!










网友评论