看板 KnucklesNote
作者 標題 [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
![[圖]](http://i.imgur.com/yzw0Cg2.png)
點「Create a new Xcode preject」建立一個新專案
(若是沒有這個起始畫面的話,點「File」/「New」/「Project...」
或是點 Shift+Command+n)
選 iOS 的 Single View Application
![[圖]](http://i.imgur.com/i0acNco.png)
設定專案的名稱
![[圖]](http://i.imgur.com/i7yfPWl.png)
Product Name 輸入 App 的名稱
Organization Identifier 輸入公司名稱
下面的 Bundle Identifier 就會用公司名稱.App名稱
這個 Bundle Identifier 必需是獨一無二的名稱,不能與其他 App 重覆
Language 選 Swift
Devices 選 Universal 代表同時支援 iPhone 與 iPad
下面三個選項不需要使用的話就不用打勾
點 next 選擇要儲存專案的地方後,點 Create
使用 Single View Application 產生的專案會像這樣
![[圖]](http://i.imgur.com/6bA2FUZ.png)
中間目前顯示的是專案的設定值
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
![[圖]](http://i.imgur.com/dA7l6A4.png)
可以看到已經在 storyboard 建立好一個空白頁面了
這個空白頁面叫做 View Controller
左邊的檔案 ViewController.swift 就是用來設定這個頁面的類別
點一下 storyboard 左下角的「Show Document Outline」
![[圖]](http://i.imgur.com/QliolkE.png)
可以將畫面上的物件用樹枝狀列出來
點一下右下方 Object Library 左下的按鈕
![[圖]](http://i.imgur.com/6Gcv8xE.png)
可以將列表改成用圖示顯示,比較方便選取
試試看隨意拉個文字標籤、輸入框、開關到 ViewController 裡
![[圖]](http://i.imgur.com/4L0RPDs.png)
看左邊的 Document Outline
會顯示這三個元件被放在 View Controller 下的 View 裡面
接下來使用模擬器執行看看
點一下左上角的 iPhone 7 可以換成其他的模擬器
![[圖]](http://i.imgur.com/hnoCjHh.png)
然後點執行的按鈕 (或按 commant+r )
稍等一會就會執行模擬器,顯示這個只有一個頁面的 App 了
![[圖]](http://i.imgur.com/knfZiuR.png)
可以看到我們剛剛隨意拉的三個元件
點上方的選單可以執行一些手機的動作
像是左轉、右轉、震動之類的
![[圖]](http://i.imgur.com/ptfA6vr.png)
畫面太大的話可以點 command+1~5 縮放畫面
點 command+q 可關閉模擬器
設定 AppIcon
點左邊的 Assets.xcassets 檔,選「AppIcon」
從 Finder 將各種大小的圖檔拉到對應的位置即可
![[圖]](http://i.imgur.com/cUoFr3O.png)
例如 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」
![[圖]](http://i.imgur.com/l6CcNqK.png)
這樣之後用到的一些功能按鈕,就會顯示中文了
例如「Cancel」會變成「取消」
--
※ 作者: Knuckles 時間: 2017-02-28 05:54:55
※ 編輯: Knuckles 時間: 2017-05-16 17:11:38
※ 看板: KnucklesNote 文章推薦值: 0 目前人氣: 0 累積人氣: 799
回列表(←)
分享