storyboard设置控件的长宽比和控件之间的尺寸成比例

使用storyboard添加约束速度比较快,那是在用熟练的情况下,有时候遇到某个要求或者方法不会,就不得不停下来, 耽误了速度.熟练是个重复的过程,需要练习,使用storyboard会比使用代码减少不少的代码量和计算量.但是后期维护对别人来说比较困难,不说废话了,说说今天的问题:控件之间的尺寸比例设置与控件自身的长宽比例设置.

一,控件之间的尺寸比例设置

打个比方:有两个view,需要设置viewA的高度是viewB的高度的2倍,

1.首先拖两个view到父视图上,如图设置好viewA的尺寸,设置viewB的除高度的尺寸,当然在完整的设置之前,会显示各种黄线,这个是一个未完成警告,不用太在意.

2.同时选中viewA和viewB,点击右下角三个图标的中间那个,出现下图,选中Equal Heights(等高, 你如果设置宽度成比例,可以选择Equal Widths, (等宽)).

3.设置长度比例,选中viewB,右侧会出现会出现下面的界面,选中Proportional Height to View,弹出对话框,选择Multiplier,填入1:2,就行了.

最后效果图

第二个问题:控件的长宽比

1.选中目标viewA,在viewA自身上右键(或者ctrl + 鼠标左键)拖拽，连到自己身上松开，会弹出一个加约束的菜单项，

2.选择Aspect Ratio，然后在右边出现一个红框选择的选项(320:37 这个是现在的实际比例),

3.点击Edit填入你想要的比例即可