iT 邦幫忙鐵人賽 Day 02: 來做一些基本的設置吧!

使用 Xcode 來調整專案 App 的設定吧!

Jeremy Xue
5 min readOct 16, 2018

前言:

在開始編寫程式碼以及刻劃 UI 之前,有些事情其實我們就能先透過 Xcode 來調整整個專案 App 的設定,而這些設定可以不需要使用程式碼就能夠實現。在這個專案我們會設定以下幾種設定:

  • 更改狀態列顏色
  • 取消 App 水平顯示

修改完上述兩個設定後,我們還會順帶為我們的 App 添加 icon 以及 App 啟動畫面( Launch Screen ):

  • App icon
  • Launch Screen

#更改狀態列顏色

要更改我們的 Status Bar 的樣式,首先我們要開啟我們的 Info.plist,新增一項 View controller-based status bar appearance,並且將其 Value 設為 NO:

Info.plist — View controller-based status bar appearance 設置為 NO

完成之後你可以使用 Xcode 來更改這項設定,這邊我們會將 Status Bar Style 改為 Light,我們按照下列步驟來找到 Status Bar Style:

點選 Project → General → Deployment Info 的 Status Bar Style → 選擇 Light

如果不想要 Status Bar ,則勾選下方的 Hide status bar。

當然你也可以使用程式碼來修改 Status Bar Style:

程式碼方式是在 AppDelegate 的 didFinishLaunchingWithOptions 方法加上這段程式碼,來修改我們的 Status Bar:

UIApplication.shared.statusBarStyle = .lightContent

若您只想修改某個 ViewController 畫面中的 Status Bar Style 則是:

override var preferredStatusBarStyle: UIStatusBarStyle {
return .lightContent
}

#取消 App 水平顯示:

調整這個設定與剛剛在 Xcode 中調整 Status Bar Style 相同,我們一樣

點選 Project → General → Deployment Info 的 Device Orientation
“ 取消 ” 勾選 Landscape Left 和 Landscape Right

接著運行我們的專案來看看是否設定成功吧:

螢幕橫置之後,我們的 Label 依然沒有轉向表示設定成功。

撒花 🎉 恭喜完成第一階段,讓我們繼續下去

# App icon

其實這邊很簡單,你只需要找一張圖片丟到 MakeAppIcon 製作即可,之後他會將一個壓縮檔寄到你的電子信箱中,這些壓縮檔包含了 icon 所需要的所有尺寸的圖片,我們依照 Xcode 中 AppIcon 的要求放入對應尺寸即可:

Xcode 中的 AppIcon 設置

重新運行一次專案就能看見我們的 APP icon 啦 👍🏻

可以在模擬器看見我們為 App 所新增的 icon

# Launch Screen

正常來說,假如我們沒有對我們的專案進行任何設定,打開的第一個畫面應該會是空白的或是 viewController 上的模樣。這時,如果我們希望我們打開 App 的時候能夠顯示一個畫面或是 App 的 Logo,該如何去設定呢?

首先我們可以看到我們專案內有一個除了原本有的 Main.storyboard 之外,還有一個叫做 LaunchScreen.storyboard 的檔案,這個 storyboard 在預設情況下是你的 App 開啟時第一個所出現的畫面。

那接下來我們來對 LaunchScreen 來做一些事情吧!

設定一張簡單的圖片作為我們的啟動畫面

接著我們運行一下我們的 APP 來看一下成果吧 ~ 👀

設置 Launch Screen 開啟畫面

App Icon 跟 Launch Screen 的資訊我們在 Xcode 的專案中也是看得見的。
一樣在 Project 下的 General 的 App Icon and Launch images

後記:

那我們這次教學就先到這邊了,雖然這次沒有接觸到程式碼的部分,但希望大家對於如何如何對專案的 App 進行設定有一定的了解。

--

--

Jeremy Xue
Jeremy Xue

Written by Jeremy Xue

Hi, I’m Jeremy. [好想工作室 — iOS Developer]

No responses yet