swiftの学習（tableviewによるリスト）

todoアプリとかの事前調査

いくつかサンプルっぽいものを見つけたので実験

プロジェクト作成

シングルページアプリケーションで作成

※特に画面になにか設定を行うわけではない

ViewController.swift

//
//  ViewController.swift
//

import UIKit

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
    
    var tableview:UITableView?
    var alert = UIAlertView()
    var items = [Dictionary<String, String>]()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        let screenHeight = UIScreen.mainScreen().bounds.size.height
        let screenWidth = UIScreen.mainScreen().bounds.size.width
        
        self.tableview = UITableView(frame: CGRect(x: 0, y: 60, width: screenWidth, height: screenHeight))
        self.tableview!.dataSource = self
        self.tableview!.delegate = self
        
        self.view.addSubview(self.tableview!)
        
        println("height = \(screenHeight)")
        println("width = \(screenWidth)")
        
        alert.title = "sample"
        alert.addButtonWithTitle("OK")
        
        items.append(
            [
                "name": "りんご",
                "detail": "テスト１"
            ]
        )
        
        items.append(
            [
                "name": "みかん",
                "detail": "テスト２"
            ]
        )
        
        items.append(
            [
                "name": "すいか",
                "detail": "テスト３"
            ]
        )
        
        items.append(
            [
                "name": "めろん",
                "detail": "テスト４"
            ]
        )

    
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
        // リストの件数を返す１
        return  items.count
    }
    
    // セルをitemsから設定する処理
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{
        let cell: UITableViewCell = UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "Cell")!
        cell.textLabel?.text = items[indexPath.row]["name"]!
        cell.detailTextLabel?.text = items[indexPath.row]["detail"]
        return cell;
    }
    
    // セルをクリックした時に発生するイベント
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath){
        alert.message =  items[indexPath.row]["detail"]!
        alert.show()
    }
}

結果

↓

ソースコードだけで実装する場合にやること

tableviewを用意

    var tableview:UITableView?

viewDidLoadで生成

        self.tableview = UITableView(frame: CGRect(x: 0, y: 60, width: screenWidth, height: screenHeight))

viewDidLoadでクラスと紐付け

        self.tableview!.dataSource = self
        self.tableview!.delegate = self

viewDidLoadで画面にtableviewを追加

        self.view.addSubview(self.tableview!)

tableviewを使用するために必要なプロトコルを追加

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

UITableViewDataSource, UITableViewDelegate の使用メソッド

    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
        // リストの件数を返す１
        return  items.count
    }
    
    // セルをitemsから設定する処理
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{
        let cell: UITableViewCell = UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "Cell")!
        cell.textLabel?.text = items[indexPath.row]["name"]!
        cell.detailTextLabel?.text = items[indexPath.row]["detail"]
        return cell;
    }
    
    // セルをクリックした時に発生するイベント
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath){
        alert.message =  items[indexPath.row]["detail"]!
        alert.show()
    }

参考

http://tech.camph.net/?p=363
http://dev.classmethod.jp/references/ios-8-xcode-6-swift-listview/

所感

ソースコードだけで実装するのはちょっと面倒な感じがするけど画面制御を全部コードで行うので管理しやすいと思う。
イベントの追加などはちょっと何が必要であるかがわかりにくいのでこの辺りはいろいろと調べないといけない

長押しとか横にスライドしたりした挙動なども必要になると思うので…

おまけ

GUIの場合

シングルページアプリケーションで作成してtableviewを追加

viewにアイテムを紐付け

ViewController.swiftを編集

//
//  ViewController.swift
//

import UIKit

class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {

    @IBOutlet weak var tableview: UITableView!
    var alert = UIAlertView()
    var items = [Dictionary<String, String>]()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        tableview.dataSource = self
        tableview.delegate = self
        
        alert.title = "sample"
        alert.addButtonWithTitle("OK")
        
        items.append(
            [
                "name": "りんご",
                "detail": "テスト１"
            ]
        )
        
        items.append(
            [
                "name": "みかん",
                "detail": "テスト２"
            ]
        )
        
        items.append(
            [
                "name": "すいか",
                "detail": "テスト３"
            ]
        )
        
        items.append(
            [
                "name": "めろん",
                "detail": "テスト４"
            ]
        )
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int{
        // リストの件数を返す１
        return  items.count
    }
    
    // セルをitemsから設定する処理
    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell{
        let cell: UITableViewCell = UITableViewCell(style: UITableViewCellStyle.Subtitle, reuseIdentifier: "Cell")!
        cell.textLabel?.text = items[indexPath.row]["name"]!
        cell.detailTextLabel?.text = items[indexPath.row]["detail"]
        return cell;
    }
    
    // セルをクリックした時に発生するイベント
    func tableView(tableView: UITableView, didSelectRowAtIndexPath indexPath: NSIndexPath){
        alert.message =  items[indexPath.row]["detail"]!
        alert.show()
    }

}

※あれ？あんまり手間かわってないような…アイテムの設定が直感的になるだけかな？