idea... |
我是iOS工程師，
到底iOS操作畫面要怎麼安排啊?! 好多好多畫面，好煩啊! |
我是Storyboard故事板，
我聽到你的需求了， 故名思義我就是個故事板， 幫助您說出AP要如何運作。 |
 |
 |
我是Segue轉場，
故名思義我就是負責轉場的工作， 讓使用者可以到下一個Scene場景。 |
 |
|
Storyboard說：「那我們合作吧，我storyboard故事板提供一個板面，讓Scene場景可以存在於其中，Scene場景間則可透過Segue轉場的協助，讓使用者進入不同的場景」。
|
本次的情節很簡單，在家裡Scene場景時，你可以去到餐廳Scene場景去吃飯，就可以去到光觀區Scene場景出去玩，而之後則透過Segue轉場轉至特定的Scene場景。
第1步：建立一個名為"Storyboard_Scene_Segue"的"Single View Application"專案，特別注意的是建立時有個"Use Storyboards"選項一定要打勾，以表示要使用Storyboards。
第2步：點選"MainStoryboard.storyboard"檔案，並於其中加入2個Scene場景，即2個ViewController。
- 2.1 托拉2個"View Controller"至storyboard中
- 2.2 分別加入UILabel，並變更文字為"餐廳"與"觀光區"，以表示所在的場景
- 2.3 分別加入UIButton，並變更文字為"回家"，以作為後續離開此Scene場景時用
- 2.4 建立2個繼承自UIViewController的檔案，並命名為"RestaurantViewController"與"TouristRegionViewController"
- 2.5 透過"Identity Inspector"於"Class"屬性變更Controller為"RestaurantViewController"與"TouristRegionViewController"
- 2.6 分別為2個UIButton連結"Touch Up Inside"事件，並加上"goHome"方法
- 2.7 分別於2個"goHome"方法中，透過"dismissViewController::"方法將所在的ViewController關閉，以反回上1個ViewController(即"家裡"ViewController)
- (IBAction)goHome:(id)sender
{
[self dismissViewControllerAnimated:YES completion:Nil];
}
第3步：設置家裡Scene場景，並透過Segue達到轉換Scene場景至餐廳吃飯與至觀光區玩的功能。
- 3.1 加入UILabel與2個UIButton，並透過"Attributes Inspector"將文字變更為"家裡"、"吃飯"與"出去玩"。
- 3.2 對"吃飯"UIButton設置Segue轉場，按右鍵，選取"action"托拉至"RestaurantViewController"(餐廳)，放開後選取"modal"以模態方式出現，最後Segue轉場即會出現於2個ViewController中
- 3.3 同樣的對"出去玩"UIButton設置Segue轉場，按右鍵，選取"action"托拉至"TouristRegionViewController"(觀光區)，放開後選取"modal"以模態方式出現，最後Segue轉場即會出現於2個ViewController中
第6步：執行，點選吃飯會轉場至餐廳，點選出去玩會轉場至觀光區，這就是我們組合出的Storyboard故事板，其中有Scene場景與Segue轉場。
檔案連結：Storyboard_Scene_Segue.zip
