【Autolayout案例02-距离四周边距 Objective-C语言】

一、好,来看第二个案例

通知

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

通知

就把当前这个View的那几个约束,给删掉了

如果说当前控制器里面有很多个控件,你想把所有的控件的约束,都删掉,

那么这时候,点哪儿

猜你喜欢

转载自blog.csdn.net/madoca/article/details/132184583
今日推荐