控件的三等分约束设置

有时候一个视图区域中有三个控件,并且三等分,这个时候需要进行约束设置,这里总结两种设置方法,便于以后参考


1.设置等宽约束,让系统去自动计算它们的宽度

先设置第一个控件,上下左右约束,距离右边的控件约束为0,第二个控件设置与第一个等宽,等高,然后下为0,距离右边控件约束为0,第三个控件也如此

原理:3x + y = 父视图的宽度 ,y 为彼此的间距,这个手动设置,距离右方控件的约束值就是y,x为系统计算的,只需要告知系统等宽就可以了

记忆:先设置第一个,第二个第三个依次等宽等高

第一个上下左右都为0,后面的等宽等高右为0

2.直接设置控件的宽度为父视图的1/3

第一个控件,设置View的上下左边距,当然这些约束还是不够的,接下来设置View的宽度,按住control键,拖向父View,会出现上图的黑色框,选择Equal Widths,这步操作是让子View的宽度和父View宽度相等,但这不是我们想要的,接下来是最关键的一步,这时候第一个View的宽度为父View宽度的1/3,其他两个View可以采用上面的方法设置,也可以设置其宽度和第一个View的宽度相等,完成后是这样子的,是不是很简单

注意:像label 默认是有宽度和高度的 宽度就是字体自适应的,所以可以不用设置宽和高的约束也不会报错

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容