看板 KnucklesNote
作者 Knuckles (站長 那克斯)
標題 [Xcode][Swift3] 使用 Swift3 開新專案
時間 2017-02-28 Tue. 05:54:55


要使用 Apple 新推出的 Swift3 來寫 App 的話,要將 Xcode 更新到新版
但要升級 Xcode 必需先將 Mac 的作業系統升級為 macOS Sierra (10.12.3)
然後在 App Store 安裝或更新 Xcode,目前最新的版本為 8.2.1

開啟 Xcode

點「Create a new Xcode preject」建立一個新專案
(若是沒有這個起始畫面的話,點「File」/「New」/「Project...」
 或是點 Shift+Command+n)

選 iOS 的 Single View Application


設定專案的名稱

Product Name 輸入 App 的名稱
Organization Identifier 輸入公司名稱
下面的 Bundle Identifier 就會用公司名稱.App名稱
這個 Bundle Identifier 必需是獨一無二的名稱,不能與其他 App 重覆

Language 選 Swift
Devices 選 Universal 代表同時支援 iPhone 與 iPad
下面三個選項不需要使用的話就不用打勾

點 next 選擇要儲存專案的地方後,點 Create

使用 Single View Application 產生的專案會像這樣


中間目前顯示的是專案的設定值
Version 是要顯示在 App Store 中的版本編號,可以輸入各種字串
Build 也是版本編號,但只能輸入正整數,通常就是改了一個版本就加一

Deployment Target 選擇要支援到 iOS 哪個版本,現在最小只能選 9.0
Devices 選 Universal 代表支援 iPhone 與 iPad
Main Interface 代表介面的設定檔叫什麼名字,預設 Main
               就是使用左邊看到的檔案 Main.storyboard

Device Orientation 要支援手機什麼方向,如果不想讓手機橫置時App版面變成橫的
                   就要把 Landscape Left 和 Landscape Right 取消勾選
Status Bar Style 手機上方顯示時間、電量那個狀態列的樣式設定


點一下左邊的 Main.storyboard

可以看到已經在 storyboard 建立好一個空白頁面了
這個空白頁面叫做 View Controller
左邊的檔案 ViewController.swift 就是用來設定這個頁面的類別

點一下 storyboard 左下角的「Show Document Outline」

可以將畫面上的物件用樹枝狀列出來

點一下右下方 Object Library 左下的按鈕

可以將列表改成用圖示顯示,比較方便選取

試試看隨意拉個文字標籤、輸入框、開關到 ViewController 裡

看左邊的 Document Outline
會顯示這三個元件被放在 View Controller 下的 View 裡面

接下來使用模擬器執行看看

點一下左上角的 iPhone 7 可以換成其他的模擬器

然後點執行的按鈕 (或按 commant+r )

稍等一會就會執行模擬器,顯示這個只有一個頁面的 App 了

可以看到我們剛剛隨意拉的三個元件

點上方的選單可以執行一些手機的動作
像是左轉、右轉、震動之類的


畫面太大的話可以點 command+1~5 縮放畫面

點 command+q 可關閉模擬器


設定 AppIcon

點左邊的 Assets.xcassets 檔,選「AppIcon」
從 Finder 將各種大小的圖檔拉到對應的位置即可


例如 40px 的 2x 就要拉 80x80 的圖
     40px 的 3x 就要拉 120x120 的圖
需要準備的圖示總共有12種大小:
20, 29, 40, 58, 60, 76, 80, 87, 120, 152, 167, 180


設定語系

在專案設定的「Info」,將「Localization native development region」
由「en」改為「Taiwan」


這樣之後用到的一些功能按鈕,就會顯示中文了
例如「Cancel」會變成「取消」



--
--
※ 作者: Knuckles 時間: 2017-02-28 05:54:55
※ 編輯: Knuckles 時間: 2017-05-16 17:11:38