SwiftによるiPhoneアプリ開発入門(超初歩)その9 -リストからの遷移と、編集と削除-

今回は前回作成したセクションに分けたリストに、以下の機能を付け加えます

• 詳細画面への遷移
• セルの編集(並び替え)機能
• セルの削除機能

前回のリスト構造
SwiftによるiPhoneアプリ開発入門(超初歩)その8 -複数セクション(グループ分け)したリスト- - 脳汁portal

完成イメージ

１、ストーリーボード上のシーンにナビゲーションコントローラを追加

２、シーンのNavigation Itemの設定をする

３、セルのプロパティを編集し、詳細画面への遷移のアイコンを追加

４、詳細画面のシーンとビューコントローラを作成して対応づける

５、詳細画面のシーンにUIImageViewを配置し、DetailViewControllerへアウトレット接続する

６、詳細画面のビューコントローラを作成

    // 表示する何ファイル名の受けとり
    var imageFileName: String = ""
    
    @IBOutlet weak var imageView: UIImageView!
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // 画像を表示
        imageView.image = UIImage(named: imageFileName)
    }

７、一覧画面から詳細画面のシーンへのセグエを接続

８、一覧画面のビューコントローラに実装を追加

    override func viewDidLoad() {
        super.viewDidLoad()

        // ナビゲーションバーの右側に編集ボタンを追加
        self.navigationItem.rightBarButtonItem = self.editButtonItem()
    }

９、セルの削除と追加機能を実装する

    // セルの削除と追加を行う
    override func tableView(tableView: UITableView, commitEditingStyle editingStyle: UITableViewCellEditingStyle, forRowAtIndexPath indexPath: NSIndexPath) {
        
        if editingStyle == .Delete {
            // 削除の場合の処理
            // テーブルビューから削除するだけではなく、必ず実際のデータを先に削除
            items[indexPath.section].removeAtIndex(indexPath.row)
            
            // テーブルビューから、指定した行のデータを削除
            tableView.deleteRowsAtIndexPaths([indexPath], withRowAnimation: .Fade)
        } else if editingStyle == .Insert {
            // 挿入の場合の処理
        }
    }

１０、セルの移動を行う

    // セルの移動を行う
    override func tableView(tableView: UITableView, moveRowAtIndexPath sourceIndexPath: NSIndexPath, toIndexPath destinationIndexPath: NSIndexPath) {
        
        // sourceIndexPathの位置にあるデータを削除
        let item = items[sourceIndexPath.section].removeAtIndex(sourceIndexPath.row)
        
        // destinationIndexPathの位置に、削除したデータを追加
        items[destinationIndexPath.section].insert(item, atIndex: destinationIndexPath.row)
    }

１１、一覧画面から詳細画面へデータの代入

    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
        
        let dest = segue.destinationViewController as! DetailViewController
        
        // tableViewプロパティから、選択行のindexPathを取得
        let indexPath: NSIndexPath? = self.tableView.indexPathForSelectedRow()
        
        // 選択行のindexPathが取得できた場合、次の画面にファイル名を渡す
        if let section = indexPath?.section, row = indexPath?.row {
            dest.imageFileName = items[section][row].fileName
        }
    }

ちなみに、

• as!は強制的に型をキャストして、できなければエラーを返す
• as?はキャストできなければnilが帰る