当先锋百科网

首页 1 2 3 4 5 6 7

一、好,咱们继续啊

通知

1.咱们继续把autoLayout介绍一下

通知

咱们的自动布局

通知

给大家介绍一下

通知

那么,自动布局呢

通知

继续咱们给大家做的案例

通知

做几个例子

通知

把这几个例子做完以后

通知

我们再给它

通知

我们再给大家说一下,如何通过代码,来实现自动布局

通知

虽然说,通过代码来实现自动布局,并不推荐

但是我们至少要会

至少要会做,就是说,

把这几个例子做完,咱们再用代码给大家写一个例子

如何用代码来实现自动布局

通知

把自动布局说完以后,紧接着,下来就是

通知

size classes

还有一个通过约束,来实现动画

然后再给大家把size classes说一下

通知

把这个size classes,再给大家说一下

通知

然后呢,把这个size classes

通知

这个说完以后

通知

说完以后

通知
通知
通知
通知
通知
通知

2.好,咱们上午,给大家说了一个,如何

通知

设置边距、以及设置边距的时候,注意两个问题:

1)一个是:设置边距的时候,注意,你要选择设置相对于谁的边距,不要这里直接点完就完了

通知

点完之后,你看一下

通知

设置是相对于谁的边距吧

把这里检查一下

2)第二个需要注意:你把这个约束

通知

Constrain to Margin

把这个勾掉,不然的话,就会有一个-16的边距

OK,这就是这两个需要大家注意的地方

3.好,那么把这个说完以后

接下来,我们继续看另外一个问题

就是我们的另外一个案例

我们试着把这个案例做一下

通知

这个案例,就是我们在屏幕的底部,在屏幕的最底部,有两个按钮

这两个按钮呢,宽度相等,高度也相等

并且,这两个按钮,中间的间距,是不是也相等

当我们的屏幕,横屏、或者说换不同屏幕的时候

要求,这两个按钮始终在屏幕的底边,显示

然后呢,当屏幕横屏以后

这两个蓝色、红色、按钮的之间的间距是20

保持不变

明白,我们接下来,就把这个部分给大家实现一下

大家先想一下,如果是你,你会怎么做

1)新建一个项目

2)Main.storyboard是不是有一个控制器

3)600 乘 600 的那个,别改它

4)然后呢,拽一个按钮,设置一些约束

5)再拽一个按钮,再设置一些约束

6)是不是就好了

但是,设置哪些约束呢

距离左边,距离底边、距离下边、距离上边、

是不是要设置一些,想想

先拽一个按钮,怎么样、怎么样、怎么样、

再拽一个按钮,怎么样、怎么样、怎么样、

来,想完以后,接下来,一起看一下

这个该怎么做

通知

4.新建一个项目

通知

新建

通知

Name:006自动布局案例-底部按钮相同间距

通知

创建好这个项目以后,我们打开这个Main.storyboard文件

通知

这就是我们那个控制器

首先,我们是不是要在控制器里面,拽两个按钮

先拽一个按钮

通知

然后呢

通知

我们先设置这一个按钮吧

哎,其实不需要按钮,View,是不是就可以了

按钮是不是还得有文字,我们直接来两个View,设置这个效果,就OK了吧

通知

OK,来两个View,就可以了

通知

拽一个View过来,好大,来,改一下它的背景色

通知

红色

通知

通知

OK,然后,改一下它的大小

通知

其实我这儿根本不需要改大小,我直接设完约束以后,更新一下,是不是就OK了

那我不改大小

看一下,怎么来更新

首先,设置我们这个红色View,首先,选中这个红色View

通知

注意,我这里给它起一个名儿

这里标记一下

方便等会儿观察,对吧

“红色View”

通知

来,设置它,设置它距离底边吧

通知

我们说,这个View,是不是距离这里是20,距离下边,也是20

通知

所以说,这个红色View,距离左边、和距离下边,都是20吧

好,选中它

通知