上一篇開始用Swift開發iOS 10 - 8 Table View和UIAlertController的交互是Table Row選擇的操作,這一篇繼續上一篇的代碼實現刪除操作。
滑動刪除
- 實現
UITableViewDataSource
中相應方法:
override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
}
此時滑動有刪除按鈕:
- 刪除數據
override func tableView(_ tableView: UITableView, commit editingStyle: UITableViewCellEditingStyle, forRowAt indexPath: IndexPath) {
if editingStyle == .delete {
restaurantNames.remove(at: indexPath.row)
restaurantLocations.remove(at: indexPath.row)
restaurantTypes.remove(at: indexPath.row)
restaurantIsVisited.remove(at: indexPath.row)
restaurantImages.remove(at: indexPath.row)
}
}
UITableViewCellEditingStyle
有兩種insert
和delete
。
運行后發現刪除動作后,相應的table view row被沒有消失,因為上面的刪除只是刪除了相應數組中的數據,并沒有在視圖上顯示,如要重新加載才會刪除。
重新加載UITableView
在tableView(_:commit:forRowAt:)
后添加:
tableView.reloadData()
另外,更好的刷新table view的方法是使用UITableView
的deleteRows(at:with:)
方法,還有動畫效果:
tableView.deleteRows(at: [indexPath], with: .fade)
用UITableViewRowAction為滑動產生更多動作
override func tableView(_ tableView: UITableView, editActionsForRowAt indexPath: IndexPath) -> [UITableViewRowAction]? {
// 1
let shareAction = UITableViewRowAction(style: .default, title: "Share", handler: {
(action, indexPath) -> Void in
// 3
let defaultText = "Just checking in at " + self.restaurantNames[indexPath.row]
let activityController = UIActivityViewController(activityItems: [defaultText], applicationActivities: nil)
self.present(activityController, animated: true, completion: nil)
})
// 1
let deleteAction = UITableViewRowAction(style: .default, title: "Delete", handler: {
(action, indexPath) -> Void in
self.restaurantNames.remove(at: indexPath.row)
self.restaurantLocations.remove(at: indexPath.row)
self.restaurantTypes.remove(at: indexPath.row)
self.restaurantIsVisited.remove(at: indexPath.row)
self.restaurantImages.remove(at: indexPath.row)
})
// 2
return [deleteAction, shareAction]
}
- 1
UITableViewRowAction
的用法和UIAlertAction
類似。style相同,具體功能是在回調閉包中實現的。 -
UIActivityViewController
繼承是UIViewController
,提供一些服務,例如拷貝到剪貼板,分享內容到社交媒體,通過Messages發送項目等。
- 一旦實現了
tableView(_:editActionsForRowAt:)
方法,tableView(_:commit:forRowAt:)
方法產生delete按鈕將不再產生,所以要在tableView(_:commit:forRowAt:)
中添加delete按鈕。 - 2 返回的
UITableViewRowAction
的數組,action的顯示順序是,按照數組的順序在屏幕從有到左顯示。 - 3
defaultText
是分享的內容,不僅可以是文本,也可以添加圖片對象UIImage
。此處代碼修改一下:
let defaultText = "Just checking in at " + self.restaurantNames[indexPath.row]
if let imageToShare = UIImage(named: self.restaurantImages[indexPath.row]) {
let activityController = UIActivityViewController(activityItems: [defaultText, imageToShare], applicationActivities: nil)
self.present(activityController, animated: true, completion: nil)
}
3407495D-9E60-4E6C-8EFA-31A562A14907.png
定制UITableViewRowAction
可以修改背景顏色:
shareAction.backgroundColor = UIColor(red: 48.0/255.0, green: 173.0/255.0,
blue: 99.0/255.0, alpha: 1.0)
deleteAction.backgroundColor = UIColor(red: 202.0/255.0, green: 202.0/255.0,
blue: 203.0/255.0, alpha: 1.0)
代碼
Beginning-iOS-Programming-with-Swift
說明
此文是學習appcode網站出的一本書 《Beginning iOS 10 Programming with Swift》 的一篇記錄
系列文章目錄
- 開始用Swift開發iOS 10 - 1 前言
- 開始用Swift開發iOS 10 - 2 Hello World!第一個Swift APP
- 開始用Swift開發iOS 10 - 3 介紹Auto Layout
- 開始用Swift開發iOS 10 - 4 用Stack View設計UI
- [開始用Swift開發iOS 10 - 5 原型的介紹]
- 開始用Swift開發iOS 10 - 6 創建簡單的Table Based App
- 開始用Swift開發iOS 10 - 7 定制Table Views
- 開始用Swift開發iOS 10 - 8 Table View和UIAlertController的交互
- 開始用Swift開發iOS 10 - 9 Table Row的刪除, UITableViewRowAction和UIActivityViewController的使用