Swift UITableView相关功能（七）

UITableView的数据编辑功能

我们上一节主要讲了tableView分区头视图等的一些问题

上一节地址：http://www.jb51.cc/article/p-dnutclku-bbr.html

继续使用上节代码（代码下载方式见第六节末尾）

这节我们主要实现一下table 的编辑状态

类似如下界面：

其实实现以上界面很简单是需要设置一下tableView 的一个属性即可

          _tableView.setEditing(true,animated: true)

我们先添加button分别对应添加和删除

        //添加编辑按钮
        let btnEdit=UIButton(frame: CGRectMake(10,20,120,36))
        btnEdit.addTarget(self,action: "btnEditAct:",forControlEvents: UIControlEvents.TouchDown)
        btnEdit.setTitle("删除",forState: UIControlState.Normal)
        btnEdit.setTitleColor(UIColor.redColor(),forState: UIControlState.Normal)
        self.view.addSubview(btnEdit)
        
        
        let btnEdit1=UIButton(frame: CGRectMake(150,36))
        btnEdit1.addTarget(self,action: "btnEditAct1:",forControlEvents: UIControlEvents.TouchDown)
        btnEdit1.setTitle("添加",forState: UIControlState.Normal)
        btnEdit1.setTitleColor(UIColor.redColor(),forState: UIControlState.Normal)
        self.view.addSubview(btnEdit1)

我们首先实现一下删除按钮（应为默认就是删除按钮，无需做更多操作）

    //删除按钮
    func btnEditAct(sender:UIButton)
    {
        
        if _tableView.editing
        {
            _tableView.setEditing(false,animated: true)
        }else{
            _tableView.setEditing(true,animated: true)
        }
        
    }

这里首先判断当前table 是否为编辑状态如果是的话取消编辑状态否则打开编辑状态

我们运行程序点击删除按钮看看效果

接下来我们实现增加按钮的功能。

实现之前我们得了解一个tableView的代理方法

    func tableView(tableView: UITableView,editingStyleForRowAtIndexPath  indexPath: NSIndexPath) ->UITableViewCellEditingStyle

此代理方法会返回一个 UITableViewCellEditingStyle 一般有两种情况 Delete Insert 分别对应删除添加两种情况

首先我们建一个bool参数用来记录我们点击的是删除还是添加

    var isDelIns:Bool!

每次点击的时候设置删除按钮是设置为 true 点击添加按钮之后设置为false

    //删除按钮
    func btnEditAct(sender:UIButton)
    {
        isDelIns=true
        
        if _tableView.editing
        {
            _tableView.setEditing(false,animated: true)
        }
        
    }
    
    //添加按钮
    func btnEditAct1(sender:UIButton)
    {
        isDelIns=false
        if _tableView.editing
        {
            _tableView.setEditing(false,animated: true)
        }
        
    }

根据bool值返回结果

    //新增或者删除按钮的事件
    func tableView(tableView: UITableView,commitEditingStyle editingStyle: UITableViewCellEditingStyle,forRowAtIndexPath indexPath: NSIndexPath) {
        if  editingStyle==UITableViewCellEditingStyle.Insert
        {
            //此处判断为添加数据方法 在这里做相应的操作
            println("添加数据")
        }else if editingStyle==UITableViewCellEditingStyle.Delete {
            //此处为删除数据方法，在这里做相应的操作即可
            println("删除数据")
        }
    }

此时运行程序两个按钮都试一下

添加和删除基本样子实现了。但是，我们发现点击每一行数据上的删除，和添加小图标之后是没有反应的。

这是因为还缺少一个tableView的代理方法

    //新增或者删除按钮的事件
    func tableView(tableView: UITableView,forRowAtIndexPath indexPath: NSIndexPath) {
        if  editingStyle==UITableViewCellEditingStyle.Insert
        {
            //此处判断为添加数据方法 在这里做相应的操作 此处如果修改了table的数据一定记得同步修改数据源
            println("添加数据")
        }else if editingStyle==UITableViewCellEditingStyle.Delete {
            //此处为删除数据方法，在这里做相应的操作即可 此处如果修改了table的数据一定记得同步修改数据源
            println("删除数据")
        }
    }

这时候我们再试试是不是点击删除或者添加之后有log出现了

具体操作大家自己试着写一写，我们这里就不细写了

说到这里。我们加一点特别说明。大家如果经常完qq的话会发现qq聊天列表页在左滑的时候也会出现类似的删除按钮，但是他还有一个置顶按钮

怎么让tableview出现两个按钮了

其实也是一个简单的代理方法

    //table编辑状态下点击删除cell右侧设置多个按钮
    func tableView(tableView: UITableView,editActionsForRowAtIndexPath indexPath: NSIndexPath) -> [AnyObject]? {
        let action1=UITableViewRowAction(style: UITableViewRowActionStyle.Default,title: "删除"){(action,indexPath)->Void in
            //点击删除调用
            println("点击了删除")
        }
        
        
        let action2=UITableViewRowAction(style: UITableViewRowActionStyle.Normal,title: "标记为未读"){(action,indexPath)->Void in
            //点击标记为未读调用
            println("标记为未读")
            
        }
        let action3=UITableViewRowAction(style: UITableViewRowActionStyle.Default,title: "置顶"){(action,indexPath)->Void in
            //点击置顶调用
            println("点击了置顶")
            
        }
        
        return[action1,action2,action3]
    }

此处代理方法返回一个数组。数组里面有个几个UITableViewRowAction 就会出现几个按钮

本节我们先讲到这里

下节我们尝试建立索引

下节地址：http://www.jb51.cc/article/p-eyctyczf-bbr.html

本节源代码我们会上传到qq群空间，欢迎下载

源码名称：TestTableViewSwift7.zip

苹果开发群2 ：492222303 欢迎加入欢迎讨论问题

原文链接：https://www.f2er.com/swift/325637.html

Swift UITableView相关功能（七）

猜你在找的Swift相关文章