Swift - 使用storyboard创建表格视图(TableViewController)
2015-09-26 18:07
501 查看
项目创建完毕后,默认是使用ViewController作为主界面视图。下面通过样例演示,如何使用TableViewController作为主界面视图,同时演示如何在storyboard中设置表格及内部单元格样式。
功能如下:
1,程序运行后即为表格页面
2,表格内容为“行号:内容”
3,点击单元格可以切换勾选与取消勾选状态
效果图如下:
详细步骤:
1,删掉storyboard现有的视图界面。然后从对象库中拖入一个TableViewController到场景中。同时将其Attributes面板中的,Is Initial View Controller选中。
2,新建一个类MainController.swift,继承自UITableViewController
3,将场景中的TableViewController与新建的MainController进行绑定。选中主界面,然后再Identity面板中将CustomClass的Class属性设置为MainController即可。
4,选中单元格(TableViewCell),在Attributes面板中设置Identifier属性为“maincell”(供代码中使用)。
同时将Accessory属性设置为Checkmark(表示单元格尾部为勾号)
5,从对象库中拖入一个Label控件到cell中,用于显示内容。同时选中这个Label,在Attributes面板中设置Tag的值为1000,供代码中获取标签。
6,MainController.swift
7,上述操作完毕后会发现,表格顶着最上面不好看。我们可以在头部添加一个Navigation
Controller导航控制器。即选中storyboard中的主界面,然后从XCode的顶部菜单选择Editor->Embed
In->Navigation Controller。最后,选择主界面,将title设置为“任务列表”
功能如下:
1,程序运行后即为表格页面
2,表格内容为“行号:内容”
3,点击单元格可以切换勾选与取消勾选状态
效果图如下:
详细步骤:
1,删掉storyboard现有的视图界面。然后从对象库中拖入一个TableViewController到场景中。同时将其Attributes面板中的,Is Initial View Controller选中。
2,新建一个类MainController.swift,继承自UITableViewController
3,将场景中的TableViewController与新建的MainController进行绑定。选中主界面,然后再Identity面板中将CustomClass的Class属性设置为MainController即可。
4,选中单元格(TableViewCell),在Attributes面板中设置Identifier属性为“maincell”(供代码中使用)。
同时将Accessory属性设置为Checkmark(表示单元格尾部为勾号)
5,从对象库中拖入一个Label控件到cell中,用于显示内容。同时选中这个Label,在Attributes面板中设置Tag的值为1000,供代码中获取标签。
6,MainController.swift
Controller导航控制器。即选中storyboard中的主界面,然后从XCode的顶部菜单选择Editor->Embed
In->Navigation Controller。最后,选择主界面,将title设置为“任务列表”
相关文章推荐
- Swift - 歌曲播放样例(附带播放时间和播放进度)
- Swift - 给表格添加Cell的显示动画(3D缩放)
- Swift - 异步加载图片
- Swift学习笔记2——基本类型和基本运算
- Swift学习笔记番外篇1——桥接C源文件,实现控制台输入
- Swift学习笔记1——入门
- 【iOS】Swift扩展extension和协议protocol
- Swift - 九宫格图片缩放总结样例
- swift基础篇:iOS控件大拌菜:UILable UIButton UITextView
- Swift 分割字符串
- Openstack swift对象存储
- swift语言基础:UIView视图,CGRect,UIColor
- The Swift Programming Language 翻译 —— 错误处理
- 获取安装游戏应用设备信息(swift)
- coredata swift 简单入门
- Swift String Extension
- Swift - 使用xib添加新界面
- Swift - 浮点数转换成整数(四舍五入与直接截断)
- Swift - 让StoryBoard设计视图,程序运行时都使用横屏形式
- Swift - 导航条(UINavigationBar)的使用