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

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


效果如如下:
 

代码如下:

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
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
     }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 iOS 中,要实现点击单元格切换视图的功能,有以下几个步骤: 1. 创建一个 UITableView,并设置其代理和数据源。 2. 在代理方法 `tableView(_:didSelectRowAt:)` 中,监听单元格点击事件。 3. 在点击事件中,获取点击单元格索引,然后根据需要进行视图切换。 下面是一个简单的示例代码: ```swift import UIKit class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource { let tableView = UITableView() override func viewDidLoad() { super.viewDidLoad() // 设置tableView的frame和代理 tableView.frame = view.bounds tableView.delegate = self tableView.dataSource = self // 注册单元格 tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell") // 添加tableView到视图中 view.addSubview(tableView) } // 返回单元格数量 func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { return 5 } // 创建和配置单元格 func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) cell.textLabel?.text = "Cell \(indexPath.row + 1)" return cell } // 单元格点击事件 func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) { // 获取点击单元格索引 let selectedRow = indexPath.row // 根据需要进行视图切换 switch selectedRow { case 0: // 切换到视图1 let viewController1 = ViewController1() navigationController?.pushViewController(viewController1, animated: true) case 1: // 切换到视图2 let viewController2 = ViewController2() navigationController?.pushViewController(viewController2, animated: true) // 其他切换逻辑... default: break } // 取消选中效果 tableView.deselectRow(at: indexPath, animated: true) } } ``` 在上述示例中,我们创建了一个包含 5 个单元格UITableView,并通过点击单元格来切换到不同的视图。你可以根据自己的需求,定义不同的视图,并在 `didSelectRowAt` 方法中进行切换逻辑的处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值