以第一個畫面的 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      }   }}

--

--

彼得潘的 iOS App Neverland
彼得潘的 Swift iOS App 開發問題解答集

彼得潘的iOS App程式設計入門,文組生的iOS App程式設計入門講師,彼得潘的 Swift 程式設計入門,App程式設計入門作者,http://apppeterpan.strikingly.com