var tableView: UITableView ?
var ctrlnames:[ String ] = [ "UILabel 标签" , "UIButton 按钮" , "UIDatePiker 日期选择器" ,
"UITableView 表格视图" ]
var selectedCellIndexPath: NSIndexPath !
override func viewDidLoad() {
super .viewDidLoad()
//创建表视图
self .tableView = UITableView (frame: UIScreen .mainScreen().applicationFrame,
style: UITableViewStyle . Plain )
self .tableView!.delegate = self
self .tableView!.dataSource = self
//创建一个重用的单元格
self .tableView!.registerClass( UITableViewCell . self , forCellReuseIdentifier: "SwiftCell" )
self .view.addSubview( self .tableView!)
//在本例中,只有一个分区
func numberOfSectionsInTableView(tableView: UITableView !) -> Int {
return 1;
//返回表格行数(也就是返回控件数)
func tableView(tableView: UITableView , numberOfRowsInSection section: Int ) -> Int {
return self .ctrlnames.count
//创建各单元显示内容(创建参数indexPath指定的单元)
func tableView(tableView: UITableView , cellForRowAtIndexPath indexPath: NSIndexPath )
-> UITableViewCell
var label = UILabel (frame: CGRectZero )
label.setTranslatesAutoresizingMaskIntoConstraints( false )
label.text = self .ctrlnames[indexPath.row]
var textview= UITextView (frame: CGRectZero )
textview.setTranslatesAutoresizingMaskIntoConstraints( false )
textview.textColor = UIColor .grayColor()
//演示效果,暂时写死
textview.text = "UIDatePicker 是一个控制器类,封装了 UIPickerView,但是他是UIControl的子类,"
let identify: String = "SwiftCell"
var cell = UITableViewCell (style: UITableViewCellStyle . Default , reuseIdentifier:identify)
//自动遮罩不可见区域,超出的不显示
cell.layer.masksToBounds = true
cell.contentView.addSubview(label)
cell.contentView.addSubview(textview)
//创建一个控件数组
var views: NSMutableDictionary = NSMutableDictionary ()
views.setValue(label, forKey: "label" )
views.setValue(textview, forKey: "textview" )
cell.contentView.addConstraints( NSLayoutConstraint .constraintsWithVisualFormat(
"H:|-15-[label]-15-|" , options: nil , metrics: nil , views: views))
cell.contentView.addConstraints( NSLayoutConstraint .constraintsWithVisualFormat(
"H:|-15-[textview]-15-|" , options: nil , metrics: nil , views: views))
cell.contentView.addConstraints( NSLayoutConstraint .constraintsWithVisualFormat(
"V:|[label(40)]" , options: nil , metrics: nil , views: views))
cell.contentView.addConstraints( NSLayoutConstraint .constraintsWithVisualFormat(
"V:|-40-[textview(80)]" , options: nil , metrics: nil , views: views))
return cell
// UITableViewDelegate 方法,处理列表项的选中事件
func tableView(tableView: UITableView !, didSelectRowAtIndexPath indexPath: NSIndexPath !)
self .tableView!.deselectRowAtIndexPath(indexPath, animated: false )
selectedCellIndexPath = indexPath
// Forces the table view to call heightForRowAtIndexPath
tableView!.reloadRowsAtIndexPaths([indexPath],
withRowAnimation: UITableViewRowAnimation . Automatic )
//点击单元格会引起cell高度的变化,所以要重新设置
func tableView(tableView: UITableView ,
heightForRowAtIndexPath indexPath: NSIndexPath ) -> CGFloat {
if (selectedCellIndexPath != nil && selectedCellIndexPath == indexPath){
return 120
return 40