iOS开发——UI_swift篇&UITableView实现单元格展开与隐藏

时间：2023-03-09 13:08:07
iOS开发——UI_swift篇&UITableView实现单元格展开与隐藏

UITableView实现单元格展开与隐藏

 关于UITableView的展开的收缩在前面的文章我已经结束，就是使用代理，通知，block传值的时候实现的，当时是使用一个Bool值来实现，最后使用着三种方法实现传值。
详细请看：http://www.cnblogs.com/iCocos/p/4659878.html，在这里虽然看似相似，但是却已不同的方式实现，而且功能也不同，当然这里只是简单的实现展开，如果你完全理解了上面那篇文章，那么以后关于这种展开基本上没有任何问题，就算项目再大，而且又学会了三种传值方式！
下面是一个列表单元格cell的折叠展开效果的demo。
当点击单元格时会展开该单元格，便于显示一些详情什么的。点击其他单元格原来的会关闭，同时有动画效果。
效果如如下：
iOS开发——UI_swift篇&UITableView实现单元格展开与隐藏 iOS开发——UI_swift篇&UITableView实现单元格展开与隐藏

代码如下：

 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 {
         ;
     }

     //返回表格行数（也就是返回控件数）
     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){

             }

     }
 }

相关文章