目次

Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない

目次

Main.storyboard の ViewControllerを削除してしまった後で、View Controller を配置しても画面が表示されない現象についての紹介です。

概要

Main.storyboard の ViewControllerをうっかり削除してしまった後、View Controller を再配置しても画面が表示されません。

現象

Main.storyboard の UIデザイナで画面の編集ができますが、ツリービューでViewControllerを選択時に[Delete]キーを押してしまうと、ViewControllerが削除されてしまいます。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像1

削除されるとUIデザイナが真っ白になってしまいます。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像2

通常は[Command] +[Z]でアンドゥできますが、手動で元の状態に戻す場合の手順を紹介します。

UIデザイナのオブジェクトライブラリウィンドウのコントロール一覧から[View Controller]をUIデザイナにドラッグ&ドロップします。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像3

ドロップすると、先の状態に戻ったように見えます。しかし、この状態でプロジェクトを実行しても画面には何も表示されず、画面が真っ暗な状態になります。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像4

UIデザイナのオブジェクトライブラリウィンドウのツールバーの左から3番目をクリックし、Identity Inspector を表示します。[Custom Class]セクションの[Class]コンボボックスが空欄になっているため、コード側のViewControllerと結び付けられていません。コンボボックスをクリックし、ドロップダウンリストから"View Controller"を選択します。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像5 Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像6 Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像7

Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像8

続いてオブジェクトライブラリウィンドウのツールバーの左から4番目をクリックし、Attributes Inspectorを表示します。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像9

[View Controller]セクションの[Is Initial Controller]にチェックがついていないのでチェックをつけます。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像10 Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像11

プロジェクトを実行します。アプリケーションが起動し画面が表示されることを確認します。
Main.storyboard の ViewControllerを削除してしまった - Main.storyboard の ViewControllerを削除後、View Controller を配置しても画面が表示されない:画像12

AuthorPortraitAlt
著者
iPentecのプログラマー、最近はAIの積極的な活用にも取り組み中。
とっても恥ずかしがり。
作成日: 2016-02-15