【AutoLayout案例03-设置底部按钮之间相同间距 Objective-C语言】
移动开发
2023-08-15 17:56:31
阅读次数: 0
一、好,咱们继续啊
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吧
好,选中它
转载自blog.csdn.net/madoca/article/details/132225987