您的位置:首页 > 产品设计 > UI/UE

UIKit-TableView-简单的TableView细节扩展

2016-12-04 13:29 211 查看
上一篇:UIKit-TableView-简单的TableView

而这一篇,则为上一篇的扩展,在原有的代码基础上,添加了图片,以及cell中相关的细节样式,具体代码如下:

import UIKit

class ViewController: UIViewController,UITableViewDataSource,UITableViewDelegate {

@IBOutlet weak var myTableView1: UITableView!
//定义一个城市数组
var cities = ["北京","上海","广州","深圳"]
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view, typically from a nib.
myTableView1.dataSource = self
myTableView1.delegate = self
}

//设置表格中有2个section
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
return cities.count
}

@available(iOS 2.0, *)
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell{
//先定义一个能够重复使用的cell标识符
let cellid = "jycell"
//dequeue为出列的意思,这里为让我们的可重复使用的cell出列
var cell = tableView.dequeueReusableCell(withIdentifier: cellid)
//判断cell是否为nil
if cell == nil {
//如果为nil则创建一个subtitle样式的cell
cell = UITableViewCell(style: UITableViewCellStyle.subtitle, reuseIdentifier: cellid)
}
//为cell添加图片 named属性值为图片名
cell?.imageView?.image = UIImage(named: "weiShao")
cell?.textLabel?.text = cities[indexPath.row]
//添加了细节内容样式
cell?.detailTextLabel?.text = "更多信息...."
//设置cell右边的细节符号样式
cell?.accessoryType = UITableViewCellAccessoryType.detailDisclosureButton
return cell!
}

}


运行模拟器得出以下界面:



下一篇博客传送门:UIKit-TableView–TableView用代码自定义cell
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  TableView 简单扩展