顯示廣告
隱藏 ✕
看板 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
※ 看板: KnucklesNote 文章推薦值: 0 目前人氣: 0 累積人氣: 796 
分享網址: 複製 已複製
r)回覆 e)編輯 d)刪除 M)收藏 ^x)轉錄 同主題: =)首篇 [)上篇 ])下篇