Swift - 使用表格组件(UITableView)实现分组列表

前端之家收集整理的这篇文章主要介绍了Swift - 使用表格组件(UITableView)实现分组列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
1,样例说明:
(1)列表以分组的形式展示
(2)同时还自定义分区的头部和尾部
(3)点击列表项会弹出消息框显示该项信息。

2,效果图:


3,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
import UIKit
class ViewController : UIViewController , UITableViewDelegate UITableViewDataSource {
var tableView: UITableView ?
allnames: Dictionary < Int String ]>?
@H_502_326@adHeaders:[ ]?
override func loadView() {
super .loadView()
}
viewDidLoad() {
.viewDidLoad()
//初始化数据,这一次数据,我们放在属性列表文件
self .allnames = [
0:[ String ]([
"UILabel 标签" "UITextField 文本框" "UIButton 按钮" ]),
1:[ ]([
@H_404_400@"UIDatePiker 日期选择器" 404@"UIToolbar 工具条" "UITableView 表格视图" ])
];
print ( .allnames)
.adHeaders = [
"常见 UIKit 控件" "高级 UIKit 控件"
]
//创建表视图
.tableView = (frame: .view.frame,style: UITableViewStyle . Grouped )
.tableView!.delegate = self
.tableView!.dataSource = self
//创建一个重用的单元格
.tableView!.registerClass( UITableViewCell . "SwiftCell" )
.view.addSubview( .tableView!)
//创建表头标签
let headerLabel = UILabel (frame: CGRectMake (0, .view.bounds.size.width,30))
headerLabel.backgroundColor = UIColor .blackColor()
headerLabel.textColor = .whiteColor()
headerLabel.numberOfLines = 0
headerLabel.lineBreakMode = NSLineBreakMode ByWordWrapping
headerLabel.text = "高级 UIKit 控件"
headerLabel.font = UIFont .italicSystemFontOfSize(20)
.tableView!.tableHeaderView = headerLabel
@H_403_553@}
//在本例中,有2个分区
numberOfSectionsInTableView(tableView: ) -> Int {
return 2;
}
//返回表格行数(也就是返回控件数)
tableView(tableView: UITableView ) -> {
data = .allnames?[section]
data!.count
}
// UITableViewDataSource协议中的方法,该方法的返回值决定指定分区的头部
? {
headers = .adHeaders!;
headers[section];
}
// UITableViewDataSource协议中的方法,该方法的返回值决定指定分区的尾部
tableView(tableView: section: )-> ?
{
.allnames?[section]
return "有\(data!.count)个控件"
}
//创建各单元显示内容(创建参数indexPath指定的单元)
NSIndexPath )
-> UITableViewCell
{
//为了提供表格显示性能,已创建完成的单元需重复使用
identify: = "SwiftCell"
//同一形式的单元格重复使用,在声明时已注册
cell = tableView.dequeueReusableCellWithIdentifier(identify,forIndexPath: indexPath)
as UITableViewCell
cell.accessoryType = UITableViewCellAccessoryType DisclosureIndicator
secno = indexPath.section
.allnames?[secno]
cell.textLabel?.text = data![indexPath.row]
cell
}
// UITableViewDelegate 方法,处理列表项的选中事件
)
{
.tableView!.deselectRowAtIndexPath(indexPath,animated: true )
itemString = .allnames![indexPath.section]![indexPath.row]
alertview = UIAlertView ();
alertview.title = "提示!"
alertview.message = "你选中了【\(itemString)】" ;
alertview.addButtonWithTitle( "确定" )
alertview.show();
}
didReceiveMemoryWarning() {
.didReceiveMemoryWarning()
}
}

原文出自: www.hangge.com 转载请保留原文链接 http://www.hangge.com/blog/cache/detail_557.html

猜你在找的Swift相关文章