Swift - 给表格的单元格UITableViewCell添加图片,详细文本标签

前端之家收集整理的这篇文章主要介绍了Swift - 给表格的单元格UITableViewCell添加图片,详细文本标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
表格UITableView中,每一单元格都是一个UITableViewCell。其支持简单的自定义,比如在单元格的内部,添加图片和详细文本标签
注意UITableViewCell的style:
(1) UITableViewCellStyle.Default:默认的,只有一个常规内容标签和一个可选的UIImageView
(2) UITableViewCellStyle.Value1内容标签在左,详细标签在右,右边是蓝色或灰色的文本
(3) UITableViewCellStyle.Value2:同Value1位置相同,左边是蓝色文本
(4) UITableViewCellStyle.Subtitle标签上下放置

效果图如下:


代码如下:
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
118
119
120
121
122
123
124
125
126
@H_997_301@ 127
128
129
130
131
132
133
134
135
136
import UIKit
class ViewController : UIViewController , UITableViewDelegate UITableViewDataSource {
var tableView: UITableView ?
allnames: Dictionary < Int String ]>?
adHeaders:[ String ]?
override func loadView() {
super .loadView()
}
viewDidLoad() {
.viewDidLoad()
//初始化数据,这一次数据,我们放在属性列表文件
self .allnames = [
0:[ ]([
"UILabel 标签" "UITextField 文本框" "UIButton 按钮" ]),
1:[ ]([
"UIDatePiker 日期选择器" "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!)
//创建表头标签
@H_404_560@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
}
//在本例中,有2个分区
numberOfSectionsInTableView(tableView: UITableView ) -> Int {
return 2;
}
//返回表格行数(也就是返回控件数)
tableView(tableView: {
data = .allnames?[section]
data!.count
}
// UITableViewDataSource协议中的方法,该方法的返回值决定指定分区的头部
tableView(tableView: section: )-> ?
{
headers = .adHeaders!;
headers[section];
}
// UITableViewDataSource协议中的方法,该方法的返回值决定指定分区的尾部
section: ?
{
.allnames?[section]
return "有\(data!.count)个控件"
}
//创建各单元显示内容(创建参数indexPath指定的单元)
NSIndexPath )
-> UITableViewCell
{
//为了提供表格显示性能,已创建完成的单元需重复使用
identify: = "SwiftCell"
//同一形式的单元格重复使用,在声明时已注册
secno = indexPath.section
.allnames?[secno]
if (secno == 0)
{
cell = tableView.dequeueReusableCellWithIdentifier(identify,forIndexPath: indexPath)
as UITableViewCell
cell.accessoryType = UITableViewCellAccessoryType DisclosureIndicator
image = UIImage (named: "heart.png" )
cell.imageView?.image = image
cell.textLabel?.text = data![indexPath.row]
cell
}
else
{
//第二个分组表格使用详细标签
adcell = UITableViewCell (style: UITableViewCellStyle Subtitle reuseIdentifier: )
adcell.textLabel?.text = data![indexPath.row]
(adcell.textLabel?.text)
adcell.detailTextLabel!.text = "这是\(data![indexPath.row])的说明"
adcell;
}
}
// 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_558.html

猜你在找的Swift相关文章