swift 拖动按钮_Swift - 给表格添加移动单元格功能（拖动行）

(本文代码已升级至Swift3)

1，给表格 UITableView 添加单元格移动功能

(1)给表格添加长按功能，长按后表格进入编辑状态

(2)在编辑状态下，可以看到单元格后面出现拖动按钮

(3)鼠标按住拖动按钮，可以拖动单元格到任意位置

(4)拖动完毕后，还会触发 TabelView对应的代理事件

2，效果图

 

3，代码如下

import UIKit

class ViewController: UIViewController,UITableViewDelegate,

UITableViewDataSource,UIGestureRecognizerDelegate {

var tableView:UITableView?

var ctrlnames:[String] = ["UILabel 标签","UIButton 按钮","UIDatePiker 日期选择器",

"UITableView 表格视图"]

override func viewDidLoad() {

super.viewDidLoad()

//创建表视图

self.tableView = UITableView(frame: self.view.frame,

style:.plain)

self.tableView!.delegate = self

self.tableView!.dataSource = self

//创建一个重用的单元格

self.tableView!.register(UITableViewCell.self, forCellReuseIdentifier: "SwiftCell")

self.view.addSubview(self.tableView!)

//绑定对长按的响应

let longPress = UILongPressGestureRecognizer(target:self,

action:#selector(tableviewCellLongPressed(gestureRecognizer:)))

//代理

longPress.delegate = self

longPress.minimumPressDuration = 1.0

//将长按手势添加到需要实现长按操作的视图里

self.tableView!.addGestureRecognizer(longPress)

}

//在本例中，只有一个分区

func numberOfSections(in tableView: UITableView) -> Int {

return 1

}

//返回表格行数(也就是返回控件数)

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {

return self.ctrlnames.count

}

//创建各单元显示内容(创建参数indexPath指定的单元)

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)

-> UITableViewCell {

//为了提供表格显示性能，已创建完成的单元需重复使用

let identify:String = "SwiftCell"

//同一形式的单元格重复使用，在声明时已注册

let cell = tableView.dequeueReusableCell(withIdentifier: identify, for: indexPath)

as UITableViewCell

cell.accessoryType = UITableViewCellAccessoryType.disclosureIndicator

cell.textLabel?.text = self.ctrlnames[indexPath.row]

return cell

}

//长按表格

func tableviewCellLongPressed(gestureRecognizer:UILongPressGestureRecognizer)

{

if (gestureRecognizer.state == UIGestureRecognizerState.ended)

{

print("UIGestureRecognizerStateEnded")

//在正常状态和编辑状态之间切换

if(self.tableView!.isEditing == false){

self.tableView!.setEditing(true, animated:true)

}

else{

self.tableView!.setEditing(false, animated:true)

}

}

}

//在编辑状态，可以拖动设置cell位置

func tableView(_ tableView: UITableView, canMoveRowAt indexPath: IndexPath) -> Bool {

return true

}

//移动cell事件

func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath,

to destinationIndexPath: IndexPath) {

if sourceIndexPath != destinationIndexPath{

//获取移动行对应的值

let itemValue:String = ctrlnames[sourceIndexPath.row]

//删除移动的值

ctrlnames.remove(at: sourceIndexPath.row)

//如果移动区域大于现有行数，直接在最后添加移动的值

if destinationIndexPath.row > ctrlnames.count{

ctrlnames.append(itemValue)

}else{

//没有超过最大行数，则在目标位置添加刚才删除的值

ctrlnames.insert(itemValue, at:destinationIndexPath.row)

}

}

}

}

附：让单元格只能在自己的分区中拖动

1，问题描述

如果我们的 tableView有多个 section，那么使用上面代码会发现，单元格 cell可以自由地在各个分区间拖动。比如我们可以把第1个 section里的 cell移动到第2个 section中，反之亦然。

2，解决办法

如果想要限制单元格只能在其所属的 section内部拖动，可以增加如下代理方法进行判断。该方法在拖动某行到一个目标上方时会被触发，我们可以在方法内部判断是否允许移动，或者进行修正。

//拖拽某行到一个目标上方时触发该方法，询问是否移动或者修正

func tableView(_ tableView: UITableView,

targetIndexPathForMoveFromRowAt sourceIndexPath: IndexPath,

toProposedIndexPath proposedDestinationIndexPath: IndexPath) -> IndexPath {

//如果目标位置和拖动行不是同一个分区，则拖动行返回自己原来的分区

if sourceIndexPath.section != proposedDestinationIndexPath.section {

var row = 0

//如果是往下面的分区拖动，则回到原分区末尾

//如果是往上面的分区拖动，则会到原分区开头位置

if sourceIndexPath.section < proposedDestinationIndexPath.section {

row = tableView.numberOfRows(inSection: sourceIndexPath.section)-1

}

return IndexPath(row: row, section: sourceIndexPath.section)

}

return proposedDestinationIndexPath

}

3，效果图

我们这里将第2个 section的 cell拖到第1个 section中，当松开手指后这个 cell又会自动回到之前的 section中。返回后的位置是：

如果从上方的 section回到下方的 section，则这个 cell自动插入到原 section的头部。

如果从下方的 section回到上方的 section，则这个 cell自动插入到原 section的尾部。