以第一個畫面的 storyboard 當開頭畫面的 storyboard(比方Main.storyboard)
當我們從 Xcode 建立專案時,預設開頭畫面的 storyborad 為 LaunchScreen.storyboard,因此我們習慣在 LaunchScreen.storyboard 裡設計開頭畫面。
不過如果想要開頭畫面長得跟第一個畫面一樣,其實可以用第一個畫面的 storyboard 當開頭畫面的 storyboard(比方Main.storyboard)。如此一來,iOS 將用第一個 controller 在 storyboard 的模樣生成開頭畫面的圖片,而且也能更方便串接 controller 程式裡設計的開頭動畫。
接下來就讓我們以最近超火紅的 2018 FIFA World Cup Russia 畫面為例說明吧。
1 將 Launch Screen File 設為 Main.storyboard,讓 Launch Screen File 和 Main Interface 的 storyboard 一致。
2 以 2018 FIFA World Cup Russia 為主題,打造 Main.storyboard 裡的第一個 controller 畫面。
3 連結背景圖片的 outlet。
@IBOutlet weak var imageView: UIImageView!
4 在 controller 的 viewDidAppear 設定背景圖片透明度改變的動畫。
class ViewController: UIViewController { @IBOutlet weak var imageView: UIImageView! override func viewDidAppear(_ animated: Bool) { super.viewDidAppear(animated) UIView.animate(withDuration: 3) { self.imageView.alpha = 0.5 } }}