【徒然iOS】気ままにUIKit95〜Table View Controller Static Cellを使ってストーリーボードのみでテーブルを作る〜

M_Kaku堂

2023年4月3日 11:43

概要

このマガジンは四十を過ぎたおっさんが、

を参考にStoryboardでiOSアプリを完全に趣味で楽しんでいるだけな記事を気ままに上げてます。

今回

をハイ、レッツゴ🕺

前準備

念の為、

バックアップ

をいつも通りやってから本題へ💃

本題

テーブルビューコントローラーとは

テーブルビューを管理するコントローラー
直下にテーブルビューが配置されているのが特徴
👉テーブルビューコントローラーを使うと画面いっぱいにテーブルが表示される。
↓

テーブルビューを画面全体にしないで他の部品も配置したい場合は
テーブルビューコントローラーを使わずに、
テーブルビューの部品を使うのが望ましい。

てことらしい👀

テーブルビューに格納するセルは、

動的セル（Dynamics Prototypes）：動的セルは雛形セルを使ってソースコードからデータの編集を行う
静的セル：静的セルはストーリーボードのみでテーブルに表示するレコードすべてを作れる。

⒈事前準備〜〜〜

⒉テーブルビューコントローラを追加

⒊is initializeをテーブルビューコントローラのビューにセットして、セルの中にイメージを配置

⒋イメージにpin制約を追加して、tagを2に設定

⒌セルの中にラベルを配置後、pin制約を追加し、tagを1、Alignmentを右揃えにする

⒍TableViewCellをコピーして、貼り付けて２個増やし、ラベル名とイメージを変える

⒏テーブルビューのContentをStatic Cellに設定

と実は、当たり前の話で、、、

変更すると〜〜〜

7セルをModalで接続

⒏コード組み込み

//
//  TestTableViewController.swift
//
import UIKit
class TestTableViewController: UITableViewController {
    //最初からあるメソッド
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    //画面遷移実行前の呼び出しメソッド
    override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
        //選択中のセルの画像とテキストを取得する。
        let cell = super.tableView(tableView, cellForRowAtIndexPath:self.tableView.indexPathForSelectedRow!)
        let label = cell.viewWithTag(1) as! UILabel
        let imageView = cell.viewWithTag(2) as! UIImageView
        //遷移先のビューコントローラーを取得し、インスタンス変数に画像とテキストを設定する。
        let controller:ViewController = (segue.destinationViewController as? ViewController)!
        controller.testTitle = label.text
        controller.testImage = imageView.image
    }
}

//
//  ViewController.swift
//
import UIKit
class ViewController: UIViewController {
    @IBOutlet weak var testNavigationBar: UINavigationBar!
    @IBOutlet weak var testImageView: UIImageView!
    var testTitle:String!
    var testImage:UIImage!
    //最初からあるメソッド
    override func viewDidLoad() {
        super.viewDidLoad()
        //画像とタイトルを設定する。
        testImageView.image = testImage
        testNavigationBar.topItem!.title = testTitle
    }
    //ボタン押下時の呼び出しメソッド
    @IBAction func pushButton(sender: UIBarButtonItem) {
        //モーダル表示されているビューコントローラーを解放する。
        self.dismissViewControllerAnimated(true, completion:nil)
    }
}

て、コードは書かないって冒頭に書いておきながら、
思いっきりコード組み込むんだね👀
しかもアウトレット接続やらアクション接続までしてるし、、、💦

て、ことで、

今回のコード（まとめ）

class TableViewControllerStandardViewController: UIViewController {
    
    @IBOutlet weak var myNavigationBar: UINavigationBar!
    @IBOutlet weak var myImageView: UIImageView!
    var myTitle:String!
    var myImage:UIImage!
    //最初からあるメソッド
    override func viewDidLoad() {
        super.viewDidLoad()
        //画像とタイトルを設定する。
        myImageView.image = myImage
        myNavigationBar.topItem!.title = myTitle
    }
    //ボタン押下時の呼び出しメソッド
    @IBAction func myBarButton(_ sender: UIBarButtonItem) {
        //モーダル表示されているビューコントローラーを解放する。
        self.dismiss(animated: true, completion:nil)
    }
}

class MyTableViewStandardController: UITableViewController {
    //最初からあるメソッド
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    //画面遷移実行前の呼び出しメソッド
    override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
        //選択中のセルの画像とテキストを取得する。
        let cell = super.tableView(tableView, cellForRowAt:self.tableView.indexPathForSelectedRow!)
        let label = cell.viewWithTag(1) as! UILabel
        let imageView = cell.viewWithTag(2) as! UIImageView
        //遷移先のビューコントローラーを取得し、インスタンス変数に画像とテキストを設定する。
        let controller:TableViewControllerStandardViewController = (segue.destination as? TableViewControllerStandardViewController)!
        controller.myTitle = label.text
        controller.myImage = imageView.image
    }
}