一、好,来看第二个案例
1.第二个案例,是什么意思呢,第二个案例,要求屏幕中间,有一个UIView
UIView,是个红色的UIView
UIView的大小,我不限定
但是无论你是什么屏幕下
这个UIView距离上边,始终是50
距离右边,始终是50,
距离下边,始终是50,
距离左边,始终是50,
这个UIView,距离四周,始终是50啊,
直接设那个边界,是不是就OK了
新建一个项目,Name:005自动布局案例2-距离四周边距相等
打开新建项目的storyboard,直接选中它
可以把电脑的分辨率调大点儿,不然看不全吧
中间放一个UIView进来
这个UIView进来之后呢,给它来一个背景色
给它来个红色背景色
给完红色背景色以后,
给完红色背景色以后,换成其他颜色背景色,这个红色太刺眼了
我要让它距离四周的距离,都是50啊
选中这个空间,我们可以把左边那个打开
选中那个控件,然后打开下面这里,
让它距离上边、左边、下边、右边
距离给它一个固定的值
1)距离上边是多少,50
2)距离左边是i多少:50
3)距离右边是多少: 50
4)距离下边是多少:50,
接下来,我这儿是不是都改成50了
上、下、左、右都勾上,表示距离上、下、左、右距离是固定的,都给它填50,表示都是50
然后,这时候,点一下,Add 4 Constraints,
把四个约束增加上
增加上以后,这里看一下
还有红色箭头儿吗,没有了吧,为什么没有红色啊
难道这时候,X 、 Y 、 高 、 宽 、 都确定了吗
你距离左边的值固定了:是不是X确定了
你距离右边的值固定了:是不是宽度就确定了吧
距离左边,X到这儿,距离右边,宽度到这儿,是不是中间自动拉伸,是不是宽度就固定了
就是说,X 固定了,宽度 固定了
距离上边的值固定了:是不是Y值固定了
距离下边的值固定了:是不是高度固定了
所以说,距离上、下、左、右,四个值设置好以后,这个元素的X、Y、高、宽,是不是就全都固定了
然后这个时候看着是不是很不爽,
问题解决一下,让它对齐
Fix
我如果不解决,你想运行的话,也行
command + R
上、下、左、右、是不是都是这个距离
所以说,你这儿不需要解决,但是一般人,都会解决一下,看着是不是很不爽
现在看起来,距离上、下、左、右、是不是都有一段距离了
但是,事实上,现在距离上、下、左、右、这个距离,其实好像不是50,
是不是上边那边距离要高点儿,
打开那个预览程序
添加预览