iOS storyboard 多个子视图均匀排列
2015-09-17 17:17
441 查看
好久没写博客了, 平时大多看别人的博客, 总感觉不好意思! 今天有点时间就写一篇.
之前碰到一个问题, 用storyboard布局UI, 多个子视图均匀排列, 在网上找了好久解决方法,效果不好, 要不不能实现, 要不特别麻烦(还不如直接用代码搞定呢).
先说一下要求:三个label, 水平等距排列, 两边的label距边距也相等, 先看一下效果图吧, (模拟器出了点问题, 看不清楚, 大家凑活着看吧)很简单.
说一下具体的步骤:
1.先拖控件(label, button等都可以, 数量也随你, 三到五个为宜), 我选择label, 三个
2.全选, 设置label距下边界的距离100(我的比较靠下, 你可以根据实际情况选择),
3.选中第一个(Label1), 设置距左边界的距离20, 选中第二个, 设置与第一个Label的间距30, 第三个与第二个的间距30, 第四个与第三个的间距30, 第四个距右边界的距离20,
4.全选四个Label, 选择Editor->Pin->Widths Equally
5.点击右下角的画红线的按钮, 选择Update Frame
看一下效果吧! 这个是先固定各个Label的间距, 然后系统根据界面的宽度, 自行分配Label的宽度,希望能帮到你!
你如果有兴趣, 可以研究一下, 固定Label的宽度, 自行改变Label之间的间距的方法
之前碰到一个问题, 用storyboard布局UI, 多个子视图均匀排列, 在网上找了好久解决方法,效果不好, 要不不能实现, 要不特别麻烦(还不如直接用代码搞定呢).
先说一下要求:三个label, 水平等距排列, 两边的label距边距也相等, 先看一下效果图吧, (模拟器出了点问题, 看不清楚, 大家凑活着看吧)很简单.
说一下具体的步骤:
1.先拖控件(label, button等都可以, 数量也随你, 三到五个为宜), 我选择label, 三个
2.全选, 设置label距下边界的距离100(我的比较靠下, 你可以根据实际情况选择),
3.选中第一个(Label1), 设置距左边界的距离20, 选中第二个, 设置与第一个Label的间距30, 第三个与第二个的间距30, 第四个与第三个的间距30, 第四个距右边界的距离20,
4.全选四个Label, 选择Editor->Pin->Widths Equally
5.点击右下角的画红线的按钮, 选择Update Frame
看一下效果吧! 这个是先固定各个Label的间距, 然后系统根据界面的宽度, 自行分配Label的宽度,希望能帮到你!
你如果有兴趣, 可以研究一下, 固定Label的宽度, 自行改变Label之间的间距的方法
相关文章推荐
- GUI - Web前端开发框架
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- Android布局的小窍门?
- Web布局连载——两栏固定布局(五)
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- 不可修补的 iOS 漏洞可能导致 iPhone 4s 到 iPhone X 永久越狱
- iOS 12.4 系统遭黑客破解,漏洞危及数百万用户
- 每日安全资讯:NSO,一家专业入侵 iPhone 的神秘公司
- [转][源代码]Comex公布JailbreakMe 3.0源代码
- 表格标签table深入了解
- WEB标准网页布局中尽量不要使用的HTML标签
- flex 控件的重要属性
- Delphi控件ListView的属性及使用方法详解
- 样式表CSS布局经验
- web下载的ActiveX控件自动更新
- WinForm实现按名称递归查找控件的方法
- css网页布局中注意的几个问题小结
- web标准知识――用途相似的标签