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

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

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

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

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

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

2、效果图

image.png

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 = UITableViewCell.AccessoryType.disclosureIndicator

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

return cell

}

//长按表格

@objc func tableviewCellLongPressed(gestureRecognizer:UILongPressGestureRecognizer)

{

if (gestureRecognizer.state == UIGestureRecognizer.State.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)

}

}

}

}

2、让单元格只能在自己的分区中拖动

1，问题描述

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

2，解决办法

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

import UIKit

class ViewController: UIViewController,UITableViewDelegate,

UITableViewDataSource,UIGestureRecognizerDelegate {

var tableView:UITableView?

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

"UITableView 表格视图"],["UIImageView 图片","UITableVIew 列表","UIDatePiker 日期选择器",

"UITableView 表格视图"]]

override func viewDidLoad() {

super.viewDidLoad()

//创建表视图

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

style:.grouped)

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 2

}

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

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

return self.ctrlnames[section].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 = UITableViewCell.AccessoryType.disclosureIndicator

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

return cell

}

//长按表格

@objc func tableviewCellLongPressed(gestureRecognizer:UILongPressGestureRecognizer)

{

if (gestureRecognizer.state == UIGestureRecognizer.State.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 values: [String] = self.ctrlnames[sourceIndexPath.section]

//获取移动行对应的值

let itemValue:String = values[sourceIndexPath.row] as String

print(itemValue)

//删除移动的值

ctrlnames[sourceIndexPath.section].remove(at: sourceIndexPath.row)

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

if destinationIndexPath.row > ctrlnames.count{

ctrlnames[destinationIndexPath.section].append(itemValue)

}else{

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

ctrlnames[destinationIndexPath.section].insert(itemValue, at:destinationIndexPath.row)

}

}

}

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

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

}

}