在 Mac 上安裝 Xcode — 學習開發 iOS App 的第 1 步

學習開發 iOS App 就像爬山，要經歷很多很多步。不過沒關係，只要勇敢踏出第一步，然後一步一步前進，總有一天會抵達目的地。

開發 iOS App 必須使用一個叫 Xcode 的開發軟體，接下來就讓我們邁出第 1 步，在 Mac 上安裝 Xcode 吧。

ps

1. Xcode 只有 Mac 版，因此之前其實還有第 0 步，請先想盡方法準備一台…

設定 status bar 時間電量的顏色 — 白色或黑色

iPhone / iPad App 的上方有個十分重要的 status bar，時時刻刻提醒我們現在的時間電量。

讓 navigation bar 或 tab bar 捲動跟不捲動時都維持同一種樣式

iOS App 的上方跟下方時常會顯示 navigation bar & tab bar，預設的設計是捲動的內容跟 bar 重疊時 bar…

使用 CATransition & Timer 實現文字跑馬燈的移動動畫

利用搭配 push 的 CATransition，我們可以實現類似文字跑馬燈的移動動畫。接下來我們將以戴佩妮新專輯被動的觀眾 為例，讓專輯的 12 首歌名以跑馬燈動畫依序出現。

storyboard 畫面設計

將 SwiftUI view 變成圖片的 ImageRenderer

從 iOS 16 開始，SwiftUI 推出了 ImageRenderer，利用它我們可以方便地將 SwiftUI view 變成圖片，快速地實現 App 常見的截圖功能。

調整 Xcode 程式的文字大小樣式 & 背景顏色

放大縮小文字

按 cmd+可放大文字，cmd -可縮小文字。

新建的專案找不到 Main.storyboard ?

遇到一些同學剛開始學習開發 iOS App，興奮地建立 iOS App 專案，卻發現像下圖一樣，找不到設計畫面的 Main.storyboard ?

iOS 16 TextEditor & UITextView 的 find and replace

一鍵複製貼上選取的程式段落(duplicate) — Xcode 14 新功能

從 Xcode 14 開始，我們終於可以一鍵複製貼上選取的程式段落了。

搜尋彼得潘的 Swift iOS / Flutter App 文章和同學們的作業

搜尋彼得潘的文章

• 方法1: 從 Medium 網站搜尋