Swift — UIKit 之(之(2))—— 布局约束布局约束|利用栈视图做一个计算器界面利用栈视图做一个计算器界面
文章目录文章目录0.本篇涉及到的页面布局及所在位置[1] 上下左右距离约束 —— 2[2] 垂直水平居中约束 —— 2[3] 子视图占父视图的比例约束 —— 4[4] 栈视图水平垂直自带约束 —— 6-3[5]
栈视图等分约束 —— 6-3[6] 栈视图间隔约束 —— 6-61. 添加 APP 应用图标2. 设置启动页3. 添加垂直栈视图VerticalStackView,并在栈视图中添加两个子视图View4. 设置两个子视图
在栈视图中的所占比例5. 在上面的子视图View中添加一个Label用来显示计算结果并添加约束条件6. 在下面的子视图View中添加16个Button做计算器键盘[1] 添加一个垂直栈视图并约
束[2] 在垂直栈视图中再添加一个水平栈视图[3] 在水平栈视图中添加一个Button,并复制成4个[4] 将水平栈视图复制成4份[5] 修改Button的值 —— 特殊字符的输入方法[6] 调整 Button
之间的间距7. 逻辑代码实现
0.本篇涉及到的页面布局及所在位置本篇涉及到的页面布局及所在位置
[1] 上下左右距离约束上下左右距离约束 —— 2
[2] 垂直水平居中约束垂直水平居中约束 —— 2
[3] 子视图占父视图的比例约束子视图占父视图的比例约束 —— 4
[4] 栈视图水平垂直自带约束栈视图水平垂直自带约束 —— 6-3
[5] 栈视图等分约束栈视图等分约束 —— 6-3
[6] 栈视图间隔约束栈视图间隔约束 —— 6-6
1. 添加添加 APP 应用图标应用图标
2. 设置启动页设置启动页
3. 添加垂直栈视图添加垂直栈视图VerticalStackView,并在栈视图中添加两个子视图,并在栈视图中添加两个子视图View
4. 设置两个子视图在栈视图中的所占比例设置两个子视图在栈视图中的所占比例