一、好,来看第二个案例

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,

是不是上边那边距离要高点儿,
打开那个预览程序

添加预览



这样的话,我们是不是可以实现,在不同屏幕下,都可以实现,距离上、下、左、右、都有一个距离了吧
都可以实现,距离上、下、左、右、都有一个距离了吧
我现在希望把刚才那些约束都删掉,怎么办呢
选中你这个View

点下边的第三个按钮,注意,上面有一个Selected Views

当前选中的约束
删除所有的约束:Clear Constraints

下面那个,All Views
是所有当前控制器中所有的控件,删除它们的约束

刚才我们为这个控件,是不是设置了四个约束啊
你想删除这个控件的四个约束,得选中这个控件,一点上面这个Clear Constraints




















