swift点击Tableviewcell展开下拉菜单内容

闲了一段时间了,第一次在简书上写文章,试试自己的功底!

之前项目中有用到点击tableviewcell展开下拉菜单内容的功能,刚开始在网上找了好了(本人菜鸟一枚,有写的不好的地方请指出,谢谢),感觉不太适合自己的项目,而且大多代码量都挺大的不是很实用。不过终于在网上找到了一个(现在忘了是哪位大神些的呢,莫怪我!),根据他的思路,我仿照写了一个简单易懂的且实用的展开菜单功能!适合新手学习

class ViewController: UIViewController,UITableViewDelegate,UITableViewDataSource {

    var tableView : UITableView!
    let cellIDstr : String = "cell"
    var Arr = NSMutableArray() //存放列表上的显示数据
    
    //点击cell出发方法,弹出下拉框(原作者中将我这里的NSIndexPath写成的是Int类型,我这里实用的tableview的row来写的)
    var selectedCellIndexPaths:[NSIndexPath] = []  //这里是设置点击展开cell下面菜单的关键

   //我的下拉展开内容是用的label写的,因为每一个lable的高度都可能会不一样,所有我这里需要获取单独的label的高度,这里我只给的5个
    var textl1 = CGFloat()
    var textl2 = CGFloat()
    var textl3 = CGFloat()
    var textl4 = CGFloat()
    var textl0 = CGFloat()
   
    //下面这里的textlArr将5个lable的高度装入数组,方便取出
    var textlArr : [CGFloat] = NSArray() as! [CGFloat]
    //方向指示箭头
    let ico_expand = UIImage(named: "icon_mr")!
    let ico_expand1 = UIImage(named: "icon_xl")!

复制代码

然后实例化UITableView

//这里的cwpCell是我自定义的UItableviewcell,所有的控件,如label都在这里面实例化的
tableView.registerClass(cwpCell.self, forCellReuseIdentifier: cellIDstr) 
复制代码

然后就是cellForRowAtIndexPath里面

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        
        var cell = tableView.dequeueReusableCellWithIdentifier(cellIDstr) as? cwpCell
        //防止视图加载重叠,删除上一次的控件
        for cell in cell!.contentView.subviews {
     
            cell.removeFromSuperview()
        }
        
        if(cell == nil){
            cell = cwpCell(style: .Default, reuseIdentifier: cellIDstr)
        }
        
        cell!.selectionStyle = UITableViewCellSelectionStyle.None
        
        //调用cwpCell 里面的方法 实例化控件(这里的Arr里面的数据,我放在一个plist文件里面,通过key来取值cell的标题和label的内容)
        cell?.setinitlabel((Arr[indexPath.row]["Title"] as? String)!)
        cell?.setUILabelinit((Arr[indexPath.row]["Titlesub"] as? String)!)
        textlArr[indexPath.row] = (cell?.textlabel.frame.height)!
        
        //点击展开和收缩改变文字颜色  图片(重点)
        if selectedCellIndexPaths.contains(indexPath) {
            
            cell!.labelc.textColor = UIColor(red: 0.0000, green: 0.6824, blue: 0.4627, alpha: 1.0000)
            cell!.setinitimage(ico_expand1)
            
        }else{
            
            cell!.labelc.textColor = UIColor(red: 0.3961, green: 0.3961, blue: 0.3961, alpha: 1.0000)
            cell!.setinitimage(ico_expand)
        }
        
        
        cell!.layer.masksToBounds = true
        
        
        return cell!
        
    }
复制代码

再然后就是点击cell展开下面lable的内容(高度)

func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat {
        
        var sdwsa = CGFloat()
        //根据类容lable的高度 改变cell的高度
        if(selectedCellIndexPaths.contains(indexPath)){
            sdwsa = textlArr[indexPath.row] + 50
        }else{
           //这里cell的高度我默认设置是40
            sdwsa = 40
        }
        return sdwsa
    }
    
    //根据点击的cell的来进行展开或收缩
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath) {
        
        //点击展开或收缩
        if let index = selectedCellIndexPaths.indexOf(indexPath) {
            
            selectedCellIndexPaths.removeAtIndex(index)
            
        }else{
            
            selectedCellIndexPaths.append(indexPath)
            
        }
        //别忘了还要重新刷新cell
        tableView.reloadRowsAtIndexPaths([indexPath], withRowAnimation: .Automatic)
       
    }
复制代码

展开的lable的实例化我这里是在我的自定义cell里面写的方法

func setUILabelinit(str : String) -> NSMutableAttributedString{
        
        textlabel = UILabel()
        textlabel.frame = CGRectMake(48, 40, Screen_W - 48 - 20, 0)
        textlabel.font = UIFont.systemFontOfSize(15)
        textlabel.numberOfLines = 0
   //用NSMutableAttributedString来给label设置行间距
        let attributedString = NSMutableAttributedString(string: str)
        let paragraphStyle = NSMutableParagraphStyle()
        paragraphStyle.lineSpacing = 3
        attributedString.addAttribute(NSParagraphStyleAttributeName, value: paragraphStyle, range: NSMakeRange(0, str.characters.count))
        textlabel.attributedText = attributedString
        self.contentView.addSubview(textlabel)
        textlabel.sizeToFit()
        
        return attributedString
    
    }
复制代码

初次在简书上写代码文章,谈谈自己的经验,写的不好的地方,还望给位多多见谅、多多指点! 代码下载地址:http://code.cocoachina.com/view/133825

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要根据文字内容自动撑开TableViewCell的高度,可以按照以下步骤操作: 1. 首先,在TableViewCell中添加一个UILabel,并设定好约束。 2. 在TableView的代理方法中,实现heightForRowAt方法。该方法返回值为该行的高度。在该方法中,计算UILabel的高度,并返回该高度。代码如下: ```swift func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat { let text = dataArray[indexPath.row] let width = UIScreen.main.bounds.size.width - 20 let font = UIFont.systemFont(ofSize: 17) let size = CGSize(width: width, height: CGFloat(MAXFLOAT)) let paragraph = NSMutableParagraphStyle() paragraph.lineBreakMode = .byWordWrapping let attributes = [NSAttributedString.Key.font: font, NSAttributedString.Key.paragraphStyle: paragraph] let rect = text.boundingRect(with: size, options: [.usesLineFragmentOrigin, .usesFontLeading], attributes: attributes, context: nil) return rect.height + 20 } ``` 3. 在TableViewCell中,设置UILabel的numberOfLines为0,并设定好约束。 4. 在TableView的代理方法中,实现cellForRowAt方法。在该方法中,设置UILabel的text属性。代码如下: ```swift func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell { let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) let label = cell.viewWithTag(100) as! UILabel label.text = dataArray[indexPath.row] return cell } ``` 这样,就可以根据文字内容自动撑开TableViewCell的高度了。其中,dataArray是存储文字内容的数组。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值