（本文代码已升级至Swift5）
1、下面的样例是给表格UITableView添加编辑功能：
（1）给表格添加长按功能，长按后表格进入编辑状态
（2）在编辑状态下，第一个分组处于删除状态，第二个分组处于插入状态
（3）点击删除图标，删除对应条目
（4）点击添加图标，插入一条新数据
2、效果图
image.png
3、主要代码如下
import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UIGestureRecognizerDelegate {
// tableView
var tableView: UITableView!
// 列表数据
var allnames:Dictionary<Int, [String]>?
// 组头数据
var adHeaders:[String]?
override func viewDidLoad() {
super.viewDidLoad()
// 设置假数据
setData()
// 设置UI
setupUI()
}
// 设置假数据
func setData()
{
//初始化数据，这一次数据，我们放在属性列表文件里
self.allnames = [
0:[String]([
"UILabel 标签",
"UIButton 按钮"]),
1:[String]([
"UIDatePiker 日期选择器",
"UITableView 表格视图"])
];
print(self.allnames ?? "")
self.adHeaders = [
"常见 UIKit 控件",
"高级 UIKit 控件"
]
}
// 设置UI
func setupUI()
{
//创建表视图
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 headerLabel = UILabel(frame: CGRect(x:0, y:0,
width:self.view.bounds.size.width,
height:30))
headerLabel.backgroundColor = UIColor.black
headerLabel.textColor = UIColor.white
headerLabel.numberOfLines = 0
headerLabel.lineBreakMode = NSLineBreakMode.byWordWrapping
headerLabel.text = "UIKit 控件"
headerLabel.font = UIFont.italicSystemFont(ofSize: 20)
self.tableView!.tableHeaderView = headerLabel
//绑定对长按的响应
let longPress = UILongPressGestureRecognizer(target:self,
action:#selector(ViewController.tableviewCellLongPressed(_:)))
//代理
longPress.delegate = self
longPress.minimumPressDuration = 1.0
//将长按手势添加到需要实现长按操作的视图里
self.tableView!.addGestureRecognizer(longPress)
}
//单元格长按事件响应
@objc func tableviewCellLongPressed(_ gestureRecognizer:UILongPressGestureRecognizer)
{
if (gestureRecognizer.state == UIGestureRecognizer.State.began)
{
print("UIGestureRecognizerStateBegan");
}
if (gestureRecognizer.state == UIGestureRecognizer.State.changed)
{
print("UIGestureRecognizerStateChanged");
}
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)
}
}
}
}
//MARK: UITableView的代理 & 数据源
extension ViewController
{
//在本例中，有2个分区
func numberOfSections(in tableView: UITableView) -> Int {
return 2
}
//返回表格行数（也就是返回控件数）
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
let data = self.allnames?[section]
return data!.count
}
// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的头部
func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int)
-> String? {
let headers = self.adHeaders!
return headers[section]
}
// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的尾部
func tableView(_ tableView: UITableView, titleForFooterInSection section: Int)
-> String? {
let data = self.allnames?[section]
return "有\(data!.count)个控件"
}
//创建各单元显示内容(创建参数indexPath指定的单元）
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath)
-> UITableViewCell {
//为了提供表格显示性能，已创建完成的单元需重复使用
let identify:String = "SwiftCell"
//同一形式的单元格重复使用，在声明时已注册
let cell = tableView.dequeueReusableCell(withIdentifier: identify,
for: indexPath)
cell.accessoryType = .disclosureIndicator
let secno = indexPath.section
let data = self.allnames?[secno]
cell.textLabel?.text = data![indexPath.row]
return cell
}
// UITableViewDelegate 方法，处理列表项的选中事件
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
self.tableView!.deselectRow(at: indexPath, animated: true)
let itemString = self.allnames![indexPath.section]![indexPath.row]
let alertController = UIAlertController(title: "提示!",
message: "你选中了【\(itemString)】",
preferredStyle: .alert)
let cancelAction = UIAlertAction(title: "确定", style: .cancel, handler: nil)
alertController.addAction(cancelAction)
self.present(alertController, animated: true, completion: nil)
}
//设置单元格的编辑的样式
func tableView(_ tableView: UITableView,
editingStyleForRowAt indexPath: IndexPath)
-> UITableViewCell.EditingStyle {
if(indexPath.section == 1)
{
return UITableViewCell.EditingStyle.insert
}
return UITableViewCell.EditingStyle.delete
}
//设置确认删除按钮的文字
func tableView(_ tableView: UITableView,
titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String? {
let data = self.allnames?[indexPath.section]!
let itemString = data![indexPath.row] as String
return "确定删除\(itemString)？"
}
//单元格编辑后（删除或插入）的响应方法
func tableView(_ tableView: UITableView,
commit editingStyle: UITableViewCell.EditingStyle,
forRowAt indexPath: IndexPath) {
if(editingStyle == UITableViewCell.EditingStyle.delete)
{
self.allnames?[indexPath.section]?.remove(at: indexPath.row)
self.tableView!.reloadData()
self.tableView!.setEditing(true, animated: true)
print("你确认了删除按钮")
// Array
}
else if(editingStyle == UITableViewCell.EditingStyle.insert)
{
self.allnames?[indexPath.section]?.insert("插入一项新的",
at: indexPath.row+1)
print("你按下了插入按钮")
self.tableView!.reloadData()
}
}
}
4、功能改进一
（1）默认情况下所有单元格都有滑动删除功能。
（2）长按表格进入编辑状态，所有单元格又都进入插入状态。点击添加图标，即可插入一条新数据。
效果展示：
image.png
import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UIGestureRecognizerDelegate
{
// tableView
var tableView: UITableView!
// 列表数据
var allnames:Dictionary<Int, [String]>?
// 组头数据
var adHeaders:[String]?
override func viewDidLoad() {
super.viewDidLoad()
// 设置假数据
setData()
// 设置UI
setupUI()
}
// 设置假数据
func setData()
{
//初始化数据，这一次数据，我们放在属性列表文件里
self.allnames = [
0:[String]([
"UILabel 标签",
"UIButton 按钮"]),
1:[String]([
"UIDatePiker 日期选择器",
"UITableView 表格视图"])
];
print(self.allnames ?? "")
self.adHeaders = [
"常见 UIKit 控件",
"高级 UIKit 控件"
]
}
// 设置UI
func setupUI()
{
//创建表视图
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 headerLabel = UILabel(frame: CGRect(x:0, y:0,
width:self.view.bounds.size.width,
height:30))
headerLabel.backgroundColor = UIColor.black
headerLabel.textColor = UIColor.white
headerLabel.numberOfLines = 0
headerLabel.lineBreakMode = NSLineBreakMode.byWordWrapping
headerLabel.text = "UIKit 控件"
headerLabel.font = UIFont.italicSystemFont(ofSize: 20)
self.tableView!.tableHeaderView = headerLabel
//绑定对长按的响应
let longPress = UILongPressGestureRecognizer(target:self,
action:#selector(ViewController.tableviewCellLongPressed(_:)))
//代理
longPress.delegate = self
longPress.minimumPressDuration = 1.0
//将长按手势添加到需要实现长按操作的视图里
self.tableView!.addGestureRecognizer(longPress)
}
//单元格长按事件响应
@objc func tableviewCellLongPressed(_ gestureRecognizer:UILongPressGestureRecognizer)
{
if (gestureRecognizer.state == UIGestureRecognizer.State.began)
{
print("UIGestureRecognizerStateBegan");
}
if (gestureRecognizer.state == UIGestureRecognizer.State.changed)
{
print("UIGestureRecognizerStateChanged");
}
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)
}
}
}
}
//MARK: UITableView的代理 & 数据源
extension ViewController
{
//在本例中，有2个分区
func numberOfSections(in tableView: UITableView) -> Int
{
return 2
}
//返回表格行数（也就是返回控件数）
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
let data = self.allnames?[section]
return data!.count
}
// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的头部
func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String?
{
let headers = self.adHeaders!
return headers[section]
}
// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的尾部
func tableView(_ tableView: UITableView, titleForFooterInSection section: Int) -> String?
{
let data = self.allnames?[section]
return "有\(data!.count)个控件"
}
//创建各单元显示内容(创建参数indexPath指定的单元）
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
//为了提供表格显示性能，已创建完成的单元需重复使用
let identify:String = "SwiftCell"
//同一形式的单元格重复使用，在声明时已注册
let cell = tableView.dequeueReusableCell(withIdentifier: identify,
for: indexPath)
cell.accessoryType = .disclosureIndicator
let secno = indexPath.section
let data = self.allnames?[secno]
cell.textLabel?.text = data![indexPath.row]
return cell
}
// UITableViewDelegate 方法，处理列表项的选中事件
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath)
{
self.tableView!.deselectRow(at: indexPath, animated: true)
let itemString = self.allnames![indexPath.section]![indexPath.row]
let alertController = UIAlertController(title: "提示!",
message: "你选中了【\(itemString)】",
preferredStyle: .alert)
let cancelAction = UIAlertAction(title: "确定", style: .cancel, handler: nil)
alertController.addAction(cancelAction)
self.present(alertController, animated: true, completion: nil)
}
//设置单元格的编辑的样式
func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle
{
if(self.tableView!.isEditing == false)
{
return UITableViewCell.EditingStyle.delete
} else {
return UITableViewCell.EditingStyle.insert
}
}
//设置确认删除按钮的文字
func tableView(_ tableView: UITableView, titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String?
{
let data = self.allnames?[indexPath.section]!
let itemString = data![indexPath.row] as String
return "确定删除\(itemString)？"
}
//单元格编辑后（删除或插入）的响应方法
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath)
{
if(editingStyle == UITableViewCell.EditingStyle.delete)
{
self.allnames?[indexPath.section]?.remove(at: indexPath.row)
self.tableView!.reloadData()
print("你确认了删除按钮")
} else if(editingStyle == UITableViewCell.EditingStyle.insert) {
self.allnames?[indexPath.section]?.insert("插入一项新的", at: indexPath.row+1)
print("你按下了插入按钮")
self.tableView!.reloadData()
}
}
}
5、功能改进二
（1）默认情况下所有单元格都无法进行滑动删除等编辑操作。
（2）长按表格进入编辑状态，所有单元格都可以进行删除操作。
（3）同时在编辑状态下，在下方会自动出现一个新增操作单元格。点击前面的加号，便会给数据集中添加一条新数据。
效果展示:
image.png
import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource, UIGestureRecognizerDelegate
{
// tableView
var tableView: UITableView!
// 列表数据
var allnames:Dictionary<Int, [String]>?
// 组头数据
var adHeaders:[String]?
override func viewDidLoad() {
super.viewDidLoad()
// 设置假数据
setData()
// 设置UI
setupUI()
}
// 设置假数据
func setData()
{
//初始化数据，这一次数据，我们放在属性列表文件里
self.allnames = [
0:[String]([
"UILabel 标签",
"UIButton 按钮"]),
1:[String]([
"UIDatePiker 日期选择器",
"UITableView 表格视图"])
];
print(self.allnames ?? "")
self.adHeaders = [
"常见 UIKit 控件",
"高级 UIKit 控件"
]
}
// 设置UI
func setupUI()
{
//创建表视图
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 headerLabel = UILabel(frame: CGRect(x:0, y:0,
width:self.view.bounds.size.width,
height:30))
headerLabel.backgroundColor = UIColor.black
headerLabel.textColor = UIColor.white
headerLabel.numberOfLines = 0
headerLabel.lineBreakMode = NSLineBreakMode.byWordWrapping
headerLabel.text = "UIKit 控件"
headerLabel.font = UIFont.italicSystemFont(ofSize: 20)
self.tableView!.tableHeaderView = headerLabel
//绑定对长按的响应
let longPress = UILongPressGestureRecognizer(target:self,
action:#selector(ViewController.tableviewCellLongPressed(_:)))
//代理
longPress.delegate = self
longPress.minimumPressDuration = 1.0
//将长按手势添加到需要实现长按操作的视图里
self.tableView!.addGestureRecognizer(longPress)
}
//单元格长按事件响应
@objc func tableviewCellLongPressed(_ gestureRecognizer:UILongPressGestureRecognizer)
{
if (gestureRecognizer.state == UIGestureRecognizer.State.began)
{
print("UIGestureRecognizerStateBegan");
}
if (gestureRecognizer.state == UIGestureRecognizer.State.changed)
{
print("UIGestureRecognizerStateChanged");
}
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)
}
self.tableView!.reloadData()
}
}
}
//MARK: UITableView的代理 & 数据源
extension ViewController
{
//在本例中，有2个分区
func numberOfSections(in tableView: UITableView) -> Int
{
return 2
}
//返回表格行数（也就是返回控件数）
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int
{
let data = self.allnames?[section]
var count = data!.count
if self.tableView!.isEditing {
count += 1
}
return count
}
// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的头部
func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String?
{
let headers = self.adHeaders!
return headers[section]
}
// UITableViewDataSource协议中的方法，该方法的返回值决定指定分区的尾部
func tableView(_ tableView: UITableView, titleForFooterInSection section: Int) -> String?
{
let data = self.allnames?[section]
return "有\(data!.count)个控件"
}
//创建各单元显示内容(创建参数indexPath指定的单元）
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
{
//为了提供表格显示性能，已创建完成的单元需重复使用
let identify:String = "SwiftCell"
//同一形式的单元格重复使用，在声明时已注册
let cell = tableView.dequeueReusableCell(withIdentifier: identify,
for: indexPath)
cell.accessoryType = .disclosureIndicator
let secno = indexPath.section
let data = self.allnames?[secno]
//判断是否是新增的插入提示行
if self.tableView!.isEditing && indexPath.row == data!.count {
cell.textLabel?.text = "添加新数据..."
} else {
cell.textLabel?.text = data![indexPath.row]
}
return cell
}
// UITableViewDelegate 方法，处理列表项的选中事件
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath)
{
self.tableView!.deselectRow(at: indexPath, animated: true)
let itemString = self.allnames![indexPath.section]![indexPath.row]
let alertController = UIAlertController(title: "提示!",
message: "你选中了【\(itemString)】",
preferredStyle: .alert)
let cancelAction = UIAlertAction(title: "确定", style: .cancel, handler: nil)
alertController.addAction(cancelAction)
self.present(alertController, animated: true, completion: nil)
}
//设置单元格的编辑的样式
func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle
{
let secno = indexPath.section
let data = self.allnames?[secno]
if self.tableView!.isEditing == false {
return UITableViewCell.EditingStyle.none
} else if indexPath.row == data!.count {
return UITableViewCell.EditingStyle.insert
} else {
return UITableViewCell.EditingStyle.delete
}
}
//设置确认删除按钮的文字
func tableView(_ tableView: UITableView, titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String?
{
let data = self.allnames?[indexPath.section]!
let itemString = data![indexPath.row] as String
return "确定删除\(itemString)？"
}
//单元格编辑后（删除或插入）的响应方法
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCell.EditingStyle, forRowAt indexPath: IndexPath)
{
if(editingStyle == UITableViewCell.EditingStyle.delete)
{
self.allnames?[indexPath.section]?.remove(at: indexPath.row)
self.tableView!.reloadData()
print("你确认了删除按钮")
} else if(editingStyle == UITableViewCell.EditingStyle.insert) {
self.allnames?[indexPath.section]?.insert("这是插入的新数据",
at: indexPath.row)
print("你按下了插入按钮")
self.tableView!.reloadData()
}
}
}
总结：
主要在func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle方法中设置cell的状态，同学们也可以根据自己的需求在这方法中控制cell的编辑状态或者选择状态。
原文出自：www.hangge.com 转载请保留原文链接：https://www.hangge.com/blog/cache/detail_560.html
网友评论