UIKit/テーブル の履歴(No.4)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• UIKit/テーブル へ行く。
  • 1 (2015-11-18 (水) 06:00:53)
  • 2 (2015-11-18 (水) 06:01:39)
  • 3 (2016-04-13 (水) 07:47:15)
  • 4 (2016-05-24 (火) 06:52:07)
  • 5 (2016-05-30 (月) 05:44:03)
  • 6 (2016-07-15 (金) 07:31:43)
  • 7 (2016-11-09 (水) 09:46:12)
  • 8 (2016-12-08 (木) 04:51:06)

Tag: UIKit/テーブル

目次†

関連ページ†

• Storyboard

参考情報†

概要†

• Swiftでテーブルビューを実装する方法

基礎: Single View ApplicationでUITableViewControllerから始める方法†

• Single View Applicationを生成。
• UITableViewControllerのサブクラスを追加(ex: MyTableViewController)。
• Main.storyboardを開き、既存のView Controllerを削除。
• Table View Controllerをストーリーボードにドロップして追加。
• そのクラスをMyTableViewControllerとする。

UITableViewを使って実装(ストーリーボード)†

• 該当するViewControllerをデータソース、Delegate先とする場合、以下のようになる。

  class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
      
      @IBOutlet weak var tableView: UITableView!
      
      var objects = ["まぐろ", "サーモン", "えび", "はまち", "いか", "うなぎ"]
      
      override func viewDidLoad() {
          super.viewDidLoad()
          // Do any additional setup after loading the view, typically from a nib.
          self.navigationItem.rightBarButtonItem = self.editButtonItem()
          tableView.backgroundColor = UIColor.grayColor()
      }
  
      override func didReceiveMemoryWarning() {
          super.didReceiveMemoryWarning()
          // Dispose of any resources that can be recreated.
      }
      
      func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
          return objects.count
      }
      
      func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
          let cell = UITableViewCell(style: UITableViewCellStyle.Default, reuseIdentifier: "myCell")
          cell.textLabel?.text = objects[indexPath.row]
          cell.backgroundColor = UIColor.brownColor()
          return cell
      }
      
      override func setEditing(editing: Bool, animated: Bool) {
          super.setEditing(editing, animated: animated)
          tableView.setEditing(editing, animated: animated)
          
      }
  }
  

reason: 'unable to dequeue a cell with identifier Cell - must register a nib or a class for the identifier or connect a prototype cell in a storyboard'が発生†

• メッセージ通りプロトタイプセルにidentifierが設定されていないせい。
• Table View ControllerのPrototype Cellsを選択し、Identity InspectorのIdentifierに"myCell"と設定する。

Static Cellsを使用する†

概要†

• [iOS 8] storyboard で作成した Static Cells にコードからアクセスする ｜ Developers.IO
• Static Cellsのテーブルを利用すると、ストーリーボードを使って行の定義ができて便利。
• ただしUITableViewControllerじゃないと使えない。

基本的使用方法†

• Table View Controllerをストーリーボードにドロップ。Attributes InspectorでContentを「Static Cells」に変更する。
• 内部のTable View Cellを選択し、LabelのTextをプレインに変更すると画面から行を設定できる。
• セクションの数や行の数はTable Viewや、Table View SectionのAttributes Inspectorで変更できる。

クラスを割り当てる場合†

• UITableViewControllerのサブクラスを割り当てる場合、以下の部分はコメントアウトする(そうしないとストーリーボードの設定が無視されてしまう)。

      override func numberOfSectionsInTableView(tableView: UITableView!) -> Int {
          return 1
      }
  
      override func tableView(tableView: UITableView!, numberOfRowsInSection section: Int) -> Int {
          return self.items.count
      }
  
  

ステータスバー対応†

• 何も考えずUITableViewControllerを実装するとステータスバーの下にセルが潜り込んでしまう。
• やはりお前らのiOS7対応は間違っている(解説編) - Qiitaのはなしは関係なさそう。
• 以下のようにcontentInsetを設定するしかないかも？ストーリーボードから設定する方法は不明。

      override func viewDidLoad() {
          super.viewDidLoad()
          self.tableView.contentInset = UIEdgeInsets(top: 20, left: 0, bottom: 0, right: 0)
          self.tableView.backgroundColor = UIColor.grayColor()
      }
  

• ナビゲーションコントローラーを併用するとよろしくやってくれるので普通はそっちを使えばいいのかもしれない。