美文网首页iOS
swift点击Tableviewcell展开下拉菜单内容

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

作者: is_Onlooker | 来源:发表于2017-01-12 16:39 被阅读1263次

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

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

    cwpgif1.gif
    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

    相关文章

      网友评论

        本文标题:swift点击Tableviewcell展开下拉菜单内容

        本文链接:https://www.haomeiwen.com/subject/xindbttx.html