Swift - 使用TableView的静态单元格进行页面布局
2015-09-23 11:21
459 查看
原帖:http://www.hangge.com/blog/cache/detail_724.html,该网站还有很多实用的swift文章
通过使用静态单元格的列表,我们可以很方便的进行页面布局。下面通过一个“添加任务页面”来进行演示。
效果图如下:
![](http://www.hangge.com/blog_uploads/201505/201505131557524290.png)
实现步骤:
1,在storyboard中拖入一个TableViewController,同时创建一个对应的类(MyTabelViewController.swift)进行绑定。
2,选择表格,在属性面板中设置Content为Static Cells,Sections设置为2
![](http://www.hangge.com/blog_uploads/201505/2015051315583317888.png)
3,选中第1个Sections,将Rows设置为1,并拖入一个TextFiled到单元格中
![](http://www.hangge.com/blog_uploads/201505/2015051315591066742.png)
4,选中第2个Sections,将Rows设置为2,分别给两个单元格拖入对应的Label和Switch等控件
![](http://www.hangge.com/blog_uploads/201505/2015051315594888894.png)
5,MyTabelViewController.swift
通过使用静态单元格的列表,我们可以很方便的进行页面布局。下面通过一个“添加任务页面”来进行演示。
效果图如下:
![](http://www.hangge.com/blog_uploads/201505/201505131557524290.png)
实现步骤:
1,在storyboard中拖入一个TableViewController,同时创建一个对应的类(MyTabelViewController.swift)进行绑定。
2,选择表格,在属性面板中设置Content为Static Cells,Sections设置为2
![](http://www.hangge.com/blog_uploads/201505/2015051315583317888.png)
3,选中第1个Sections,将Rows设置为1,并拖入一个TextFiled到单元格中
![](http://www.hangge.com/blog_uploads/201505/2015051315591066742.png)
4,选中第2个Sections,将Rows设置为2,分别给两个单元格拖入对应的Label和Switch等控件
![](http://www.hangge.com/blog_uploads/201505/2015051315594888894.png)
5,MyTabelViewController.swift
相关文章推荐
- 黑马程序员——Swift学习笔记:高级类型
- 黑马程序员——Swift学习笔记:高级类型
- 《从零开始学Swift》学习笔记(Day 16)——字典集合
- Swift 2.0学习笔记(Day 16)——字典集合
- swift 元组
- Swift 的类型体系
- Swift资料大全
- 01-swift的简单了解
- 初入Swift之控制语句
- 初入Swift之变量定义
- Swift自适应布局(Adaptive Layout)教程(二)
- Swift自适应布局(Adaptive Layout)教程(一)
- swift中,Optional、?与!之间的关系
- swift --函数
- swift--枚举
- swift -入门与 数组 字典
- 以 Swift 的方式思考,第二部分:调用数组的 Map 方法
- Swift 风格指南
- 黑马程序员——Swift学习笔记:声明与基本类型
- 黑马程序员——Swift学习笔记:声明与基本类型