storyboard autolayout iOS开发

首先是需求效果:三个按钮,两个按钮中间添加分割线。要求按钮大小和框等比例。

storyboard autolayout iOS开发_第1张图片

我是很少用storyboard xib开发的,但是接别人的项目就不一定了,而且是要改布局,加控件的时候。简直是恶心到家了。下面就简单介绍一下。我使用的方法,请大神指教。

只说重点:

第一步,添加最中间的导入视频,勾选下图带✅的部分,然后点add 2 constraints。然后逐步往两边添加。略过,注意:添加过程中,是否限制按钮的宽度都无所谓。


storyboard autolayout iOS开发_第2张图片

第二步:实现等比例。这一步关键是:按住control键,触摸板按住拖动蓝线到父容器;或者按住鼠标右键直接拖拽蓝线到父容器,选中Equal Widths。若要限制高度比例,就再选上equal height。


storyboard autolayout iOS开发_第3张图片

然后选中要适配的按钮,看右面图中蓝线部分,最左和最下面的蓝线表示高度和宽度。点左边的蓝线,下面的EDIT只剩下一个,就是你要编辑的。


storyboard autolayout iOS开发_第4张图片


storyboard autolayout iOS开发_第5张图片

multiplier就是你要实现的比例:这个比例就看你UI给的图,自己计算。如果UI效果图父View的高度是345,子view的高度是115.那么multiplier的值就填115:345.。然后就是其他两个按钮equal widths,equal height。(可以和第一个按钮相同,也可以都和父view成比例。)其他越是也可以设置multiplier。所以无敌恶心。。。但是也是实现了。

推荐文章:https://blog.csdn.net/CHENYUFENG1991/article/details/51227975


storyboard autolayout iOS开发_第6张图片

你可能感兴趣的:(storyboard autolayout iOS开发)