Storyboard の履歴(No.15)

Tag: Storyboard

目次†

目次
関連ページ
参考情報
概要
全般
- ストーリーボードのデバイスがデカイ?
- Storyboardを使わない方法に関して
ビューコントローラー
- 初期ビューコントローラーを指定する
- プログラムコードからストーリーボードのビューコントローラーを呼び出す
テーブルビュー
ナビゲーションコントローラー
画面遷移
- 画面遷移の基本
- 戻る処理
Tips
トラブルシューティング
- Scene is unreachable due to lack of entry points
- UITableViewControllerで行が表示されない

↑

参考情報†

[iOS]これからiOSアプリを作る方向け Storyboardで画面遷移を作る｜ Developers.IO

↑

概要†

画面遷移の仕組み

↑

全般†

↑

ストーリーボードのデバイスがデカイ?†

一応仕様らしい。ただしIBでView Controllerを選択しSimulated MetricsをInferredからiPhone 4.7インチとかに変更する。
iPhoneに固定することもできるらしい。SwiftをiOSシミュレータで実行：「はじめてのSwiftプログラミング」著者サポートページ

↑

Storyboardを使わない方法に関して†

StoryBoardを使わない方法 - Qiita…状態の復元がStoryboardなしだとできないという情報あり。
Q. StoryboardとXIBはどう使い分ければいいんだろうか？ - Qiita…Storyboardとxibの使い分け
以上を踏まえ、Appleが標準としてStoryboardを押していることから、Storyboardをメインに使いつつ複雑になってきたら複数に分割する手法がいいのかもしれない。

↑

ビューコントローラー†

↑

初期ビューコントローラーを指定する†

左側に矢印のついたビューコントローラーがないと何も表示されない。
Attributes Inspectorを開き、View Controllerの「Is Initial View Controller」をチェックする。

↑

プログラムコードからストーリーボードのビューコントローラーを呼び出す†

以下のように呼び出す

        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        let vc:UIViewController = storyboard.instantiateViewControllerWithIdentifier("WebViewController")
        let webViewController = vc as! WebViewController
        webViewController.initialUrl = urlString
        self.navigationController!.presentViewController(vc, animated: true, completion: nil)

呼び出し先のビューコントローラーには、Storyboard IDを割り当てておく。Identity InspectorのStoryboard IDで設定できる。

↑

テーブルビュー†

↑

一番上のセルがステータスバーにかぶってしまう†

最初にテーブルのサイズをステータスバー以下にしておいてAutoLayoutのPinを設定すれば良い。
限界まで設定するとかぶるが、ステータスバーの下にしてから始めれば自動的に隙間があく。

↑

左右のマージン†

Pinの設定でConstraint to Marginのせい。

↑

UITableViewControllerを使う†

Single View Applicationで作成。
ViewController.swiftを削除。
Main.storyboardの中のView Controllerを削除。かわりにTable View Controllerを追加。
- Attributes InspectorのView Controllerセクションにある「Is Initial View Controller」にチェック。
「File > New」からUITableViewControllerクラスのサブクラス(例MyTableViewController)を作成して追加。
Table View ControllerのクラスをMyTableViewControllerとする。
UITableViewControllerにナビゲーションコントローラーやツールバーを追加したい場合、下記のナビゲーションコントローラーを参照のこと。

※UITableViewControllerを使わないと、Static Cellsが使えない。

↑

ナビゲーションコントローラー†

↑

ナビゲーションコントローラーを使う†

Xcode6.xのStoryboardにてToolBar（下のバー）が出ない人へ | 3URPRISE.BLOG
既存のView Controllerを選択し、「Editor > Embed in > Navigation Controller」を実行。

※ちなみにios - StoryboardのNavigation Barの存在理由 - スタック・オーバーフローによると、NavigationBarを個別に追加する必要はほとんどないらしい。

↑

ナビゲーションコントローラーに編集ボタンを追加†

上の方法でナビゲーションコントローラーを追加した場合、ViewControllerのviewDidLoadで以下を実行する。

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        self.navigationItem.rightBarButtonItem = self.editButtonItem()
    }

↑

ナビゲーションコントローラーにCancel/Doneボタンを追加する†

Bar Button Itemをドラッグして、ボタンの種類をCancel、Doneに変更する。

↑

ナビゲーションコントローラーにツールバーを表示する†

ナビゲーションコントローラーを使っている場合、Attributes Inspectorの「Shows Toolbar」にチェックを入れる。
Interface Builderで操作してもだめ。

↑

ナビゲーションコントローラーのツールバーの表示非表示を切り替える†

例えば編集ボタンが押されたとき、ツールバーを非表示にしたいような場合

    override func setEditing(editing: Bool, animated: Bool) {
        super.setEditing(editing, animated: animated);
        self.navigationController?.setToolbarHidden(editing, animated:true)
    }

↑

画面遷移†

↑

画面遷移の基本†

あるビューコントローラーから他のビューコントローラーをPresent Modallyで表示する。
ビューコントローラーのアイコンを他のビューコントローラーCtrlドラッグして表示方法をPresent Modallyに変更。

呼び出し元のボタンタップやテーブルセルタップで、performSegueを呼び出す

    func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        if tableView.isEditing {
            let shelf = fetchedResultsController.object(at: indexPath)
            performSegue(withIdentifier: "editShelf", sender: shelf)
        } else {
            let shelf = fetchedResultsController.object(at: indexPath)
            performSegue(withIdentifier: "listBook", sender: shelf)
        }
    }

↑

戻る処理†

戻り先のUIViewControllerに以下のメソッドを作成。
```
@IBAction func unwindToTop(segue: UIStoryboardSegue) {
}
```
Interface Builderで遷移先のボタンなどを選択し、Exitボタンにドロップする。unwindToTopが表示されるのでそれを選択する。
手動で戻りたい場合は、ViewController自身をExitボタンにドロップして、segueに名前を付け以下のように手動で呼び出す。
```
                self.performSegue(withIdentifier: "back", sender: nil)
```

↑

Tips†

↑

独自のUIViewControllerを使用する†

Storyboardで「ビューコントローラー」の部品を追加。
独自のUIViewControllerのサブクラスを追加。
Identity Inspectorでビューコントローラーの部品のクラスを独自クラスに変更する。

↑

ナビゲーションコントローラーの2番目のビューコントローラーにタイトルを設定する†

ios - Cannot add Bar Button to Second Page through Interface Builder - Stack Overflowにあるように、2番目のビューコントローラーにNavigation itemを追加しそれにタイトルを設定する。
もしくはコードで設定する。

↑

ステータスバーまわりのはなし†

やはりお前らのiOS7対応は間違っている(解説編) - Qiita

↑

自動レイアウトでパーセンテージ指定†

2つのコントロールを選択して「Pin」でEqual WIdth or Equal Heightの制約を追加。
Constrainsを選択肢、Attributes InspectorでMultiplierを指定。First Item = Second Item * Multiplierとなる。First ItemとSecond Itemはリストボックスをクリックして入れ替えることもできる。

↑

トラブルシューティング†

↑

Scene is unreachable due to lack of entry points†

ios - Scene is unreachable due to lack of entry points - Stack OverflowによるとStoryboardにIDを割り当てればいいらしい。

↑

UITableViewControllerで行が表示されない†

UITableViewControllerではdatasourceやdelegateを自分で設定する必要はない。

最低限以下のようなメソッドを表示すればデータが表示されるはず。

    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return rows.count
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "myCell", for: indexPath)
        cell.textLabel!.text = rows[indexPath.row]
        return cell;
    }

落とし穴として、テンプレートのnumberOfSectionsのデフォルト実装が"return 0"となっている。これを変えるを忘れないようにしないといけない。