คำตอบนี้ได้รับการอัพเดตเป็น Swift 3
ฉันมักจะคิดว่ามันเป็นเรื่องดีที่มีตัวอย่างง่าย ๆ ที่มีอยู่ในตัวเองดังนั้นจึงไม่มีสิ่งใดถูกสันนิษฐานได้เมื่อฉันเรียนรู้งานใหม่ คำตอบนี้คือการลบUITableViewแถว โครงการดำเนินการดังนี้:
โครงการนี้จะขึ้นอยู่กับตัวอย่าง UITableView สำหรับสวิฟท์
เพิ่มรหัส
สร้างโครงการใหม่และแทนที่รหัส ViewController.swift ด้วยรายการต่อไปนี้
import UIKit
class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {
// These strings will be the data for the table view cells
var animals: [String] = ["Horse", "Cow", "Camel", "Pig", "Sheep", "Goat"]
let cellReuseIdentifier = "cell"
@IBOutlet var tableView: UITableView!
override func viewDidLoad() {
super.viewDidLoad()
// It is possible to do the following three things in the Interface Builder
// rather than in code if you prefer.
self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: cellReuseIdentifier)
tableView.delegate = self
tableView.dataSource = self
}
// number of rows in table view
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return self.animals.count
}
// create a cell for each table view row
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell:UITableViewCell = self.tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier) as UITableViewCell!
cell.textLabel?.text = self.animals[indexPath.row]
return cell
}
// method to run when table view cell is tapped
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
print("You tapped cell number \(indexPath.row).")
}
// this method handles row deletion
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
// remove the item from the data model
animals.remove(at: indexPath.row)
// delete the table view row
tableView.deleteRows(at: [indexPath], with: .fade)
} else if editingStyle == .insert {
// Not used in our example, but if you were adding a new row, this is where you would do it.
}
}
}
วิธีการคีย์เดี่ยวในรหัสข้างต้นที่ช่วยให้การลบแถวเป็นวิธีสุดท้าย ที่นี่เป็นอีกครั้งสำหรับการเน้น:
// this method handles row deletion
func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
// remove the item from the data model
animals.remove(at: indexPath.row)
// delete the table view row
tableView.deleteRows(at: [indexPath], with: .fade)
} else if editingStyle == .insert {
// Not used in our example, but if you were adding a new row, this is where you would do it.
}
}
สตอรี่บอร์ด
เพิ่มUITableViewไปยัง View Controller ในกระดานเรื่องราว ใช้การจัดวางอัตโนมัติเพื่อปักหมุดทั้งสี่ด้านของมุมมองตารางไปที่ขอบของตัวควบคุมมุมมอง ควบคุมการลากจากมุมมองตารางในกระดานเรื่องราวไปยัง@IBOutlet var tableView: UITableView!บรรทัดในรหัส
เสร็จ
นั่นคือทั้งหมดที่ คุณควรจะสามารถเรียกใช้แอปของคุณได้ในขณะนี้และลบแถวโดยการกวาดนิ้วไปทางซ้ายแล้วแตะ "ลบ"
รูปแบบ
เปลี่ยนข้อความปุ่ม "ลบ"
เพิ่มวิธีการต่อไปนี้:
func tableView(_ tableView: UITableView, titleForDeleteConfirmationButtonForRowAt indexPath: IndexPath) -> String? {
return "Erase"
}
การกระทำของปุ่มที่กำหนดเอง
เพิ่มวิธีการต่อไปนี้
func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
// action one
let editAction = UITableViewRowAction(style: .default, title: "Edit", handler: { (action, indexPath) in
print("Edit tapped")
})
editAction.backgroundColor = UIColor.blue
// action two
let deleteAction = UITableViewRowAction(style: .default, title: "Delete", handler: { (action, indexPath) in
print("Delete tapped")
})
deleteAction.backgroundColor = UIColor.red
return [editAction, deleteAction]
}
โปรดทราบว่านี่ใช้ได้เฉพาะจาก iOS 8 ดูคำตอบนี้สำหรับรายละเอียดเพิ่มเติม
อัปเดตสำหรับ iOS 11
การดำเนินการสามารถวางได้ทั้งส่วนนำหน้าและต่อท้ายเซลล์โดยใช้วิธีการที่เพิ่มเข้ากับ UITableViewDelegate API ใน iOS 11
func tableView(_ tableView: UITableView,
leadingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration?
{
let editAction = UIContextualAction(style: .normal, title: "Edit", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
success(true)
})
editAction.backgroundColor = .blue
return UISwipeActionsConfiguration(actions: [editAction])
}
func tableView(_ tableView: UITableView,
trailingSwipeActionsConfigurationForRowAt indexPath: IndexPath) -> UISwipeActionsConfiguration?
{
let deleteAction = UIContextualAction(style: .normal, title: "Delete", handler: { (ac:UIContextualAction, view:UIView, success:(Bool) -> Void) in
success(true)
})
deleteAction.backgroundColor = .red
return UISwipeActionsConfiguration(actions: [deleteAction])
}
อ่านเพิ่มเติม