Day23 待辦清單 (5)

11th鐵人賽

mikewang

團隊G社三劍客

2019-10-09 17:53:01

680 瀏覽

分享至

20191009

前言

今天的內容一樣是代辦清單的實作，主要是完成編輯與刪除功能

現在，我們馬上開始！

練習紀錄

TodoList刪除功能

由於TableView內已經有相關的程式碼，因此我們先取消註解

加入刪除的程式碼

override func tableView(_ tableView: UITableView, commit
editingStyle: UITableViewCell.EditingStyle, forRowAt
indexPath: IndexPath) {
    if editingStyle == .delete {
        let index = indexPath.row
        let realm = try! Realm()
        todoList =
Array(realm.objects(ToDoList.self
.filter("status != 'deleted'"))
        try! realm.write {
            // update todolist status to deleted
            todoList[index].status = "\(Status.deleted)"
        }
        todoList.remove(at: index)
        
        tableView.deleteRows(at: [indexPath], with: .fade)
    }
}

由於『editingStyle == .insert』相關程式碼，本例中沒有用到，直接刪除即可
首先透過index (indexPath.row)找到要刪除的那一筆資料
接者將狀態改為『Status.deleted』
由於本例只是改狀態，並沒有真的刪除資料，想要刪除的讀者可以參考官方文件

ref: https://realm.io/docs/swift/latest/#realm-studio

剛開始忘了加上『todoList.remove(at: index)，來移除原本顯示資料的陣列，結果出現了錯誤。
花了些時間debug，才發現原本顯示資料的陣列，也要同步移除那一筆資料，加上這一行程式碼後，就正常了。

刪除效果

接者我們來看看刪除的效果，首先在要刪除的那一筆資料，從右邊往左滑
資料已被刪除 (其實是狀態碼被修改)
接者透過『Realm Studio』來觀察，發現我們剛剛的測試資料，果然都還在，只是狀態被改為刪除了

TodoList修改功能

由於這次我們要採用另外一種方式轉換場景，因此刪除原本測試UI用的『segue』

加入編輯按鈕的事件

加入編輯按鈕的程式，並用NotificationCenter來傳遞todo物件

@IBAction func editButtonPressed(_ sender: UIButton) {
    let realm = try! Realm()
    guard let todo =
realm.objects(ToDoList.self).filter("id =
'\(id)'").first else { return }
    
    NotificationCenter.default.post(name:
NSNotification.Name(rawValue: "editNotification"),
object: todo)    
}

傳遞的名稱是『editNotification』先記下後面要使用

回到ListTableViewController中，加入接收通知的程式碼

override func viewDidLoad() {
    super.viewDidLoad()
    
    NotificationCenter.default.addObserver(self, selector:
#selector(self.receivedNotification(notif:)), name:
NSNotification.Name(rawValue: "editNotification"),
object: nil)
}

接收的名稱與前一段程式碼相同『editNotification』
receivedNotification(notif:) 為收到通知後，所要執行的方法

接者加入收到通知後的方法

@objc func receivedNotification(notif: Notification) {
    guard let editTodo = notif.object as? ToDoList els
return }
    let storyBoard : UIStoryboard = UIStoryboard(name:
"Main", bundle:nil)
    let editVC =
storyBoar
.instantiateViewController(withIdentifier:
"EditVC") as! EditViewController
    editVC.todo = editTodo
    self.navigationController?.pushViewController(edit
animated: true)
}

一樣透過navigationController?.pushViewController()方法來轉換場景
因為此時editVC還尚未產生，我們透過SotryBoard來幫忙初始化
EditViewController在StoryBoard上，也別忘了設定一下ID

連結Edit頁面中的Outlet元件，以及建立Button點擊事件

@IBOutlet weak var contentTextField: UITextField!

@IBAction func clearButtonPressed(_ sender: UIButton) {
}

@IBAction func saveButtonPressed(_ sender: UIButton) {
}

加上更新TodoList資料的程式碼

@IBAction func saveButtonPressed(_ sender: UIButton) {
    guard let content = taskTextField.text,
        let id = todo?.id else { return }
            
    if !content.isEmpty {
        let realm = try! Realm()
        guard let realmTodo =
realm.objects(ToDoList.self).filter("id ==
'\(id)' and status != 'deleted'").first else {
return }
        
        try! realm.write {
            realmTodo.content = content
        }
        
        // return List
        navigationController?.popViewController(animated:
true)
    }
}