Swift-实现点击UITableView单元格时自动展开单元格

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

下面是一个列表单元格cell的折叠展开效果的demo。当点击单元格时会展开该单元格，便于显示一些详情什么的。点击其他单元格原来的会关闭，同时有动画效果。

效果如如下：

代码如下：

import UIKit
 
class ViewController: UIViewController,UITableViewDelegate,

UITableViewDataSource {

    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

    }
}