List: UIKit | Curated by 彼得潘的 iOS App Neverland

Jan 8, 2025
287 stories
2 saves
UIKitUIKit App Programming
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
設定 Background Mode 在背景播放音樂開發音樂播放的 App 時，我們時常需要讓音樂在背景也能繼續播放，這樣的功能是如何實現的呢 ? 只要調整 Background Mode & 設定 AVAudioSession 即可實現。
Aug 22, 2019
Aug 22, 2019
In
彼得潘的 100 道 Swift iOS App 謎題
by
彼得潘的 iOS App Neverland
#85 下拉放大圖片(stretchable)的 scroll viewiOS App 有許多酷炫的吸睛動畫，帶給我們良好的使用者體驗。比方使用 Music App 時，下拉歌手個人頁面的 scroll view 將放大歌手的照片。以下圖為例，當頁面從起始位置下拉時，男神張智霖的照片將逐漸放大，讓我們更清楚看到他帥氣的風采。
Aug 17, 2019
Aug 17, 2019
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
顯示圖片的 UIBarButtonItem想在 UIBarButtonItem 上顯示圖片，看似簡單，卻比想像中複雜許多，接下來就讓我們以彼得潘的圖片為例，看看如何在 UIBarButtonItem 正確顯示圖片吧。
Jan 10, 2020
Jan 10, 2020
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 CGRect 的 minX，minY，width & height 快速讀取位置大小開發 iOS App 時，我們時常利用 CGRect 描述畫面上元件的位置大小，它的 origin 表示位置，size 表示大小。
Dec 21, 2018
Dec 21, 2018
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
CoreGraphics 方便的 zero property從程式製作 iOS App 畫面時，我們時常用型別 CGRect，CGSize 和 CGPoint。在使用這些型別時，我們有時要生成內容都是 0 的資料，比方以下例子，分別傳入 4 個 0，將 x, y, width, height 設為 0。
Dec 13, 2018
Dec 13, 2018
In
彼得潘的 100 道 Swift iOS App 謎題
by
彼得潘的 iOS App Neverland
#240 使用地圖開發景點介紹頁面利用地圖開發景點介紹頁面。
Dec 5, 2024
Dec 5, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
從第三方套件了解 delegate & data source 如何被呼叫iOS SDK 提供豐富的 API 幫助我們開發 App，很多功能都是透過 delegate 或 data source 實現。比方利用 UIImagePickerController 從相簿選照片時，當使用者選了照片後將呼叫 delegate 的 function…
Aug 1, 2019
Aug 1, 2019
In
彼得潘的 Swift iOS / Flutter App 開發教室
by
彼得潘的 iOS App Neverland
使用 Windsurf 自動設定和連接 storyboard / xib 的 outlet / action當我們使用 storyboard / xib 設計 App 畫面後，下一步往往是連結和產生 IBOutlet & IBAction。最近彼得潘正好在研究 Windsurf 的 AI Cascade，想到它既然能解析整個專案，應該也能研究 storyboard / xib…
Dec 1, 2024
Dec 1, 2024
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
outlet & action 取一樣的名字 — iOS App 初學者易犯的錯誤開發 iOS App 時，我們利用 outlet 產生存取畫面上元件的變數，action 產生事件發生時觸發的 function。由於 action 跟 outlet 都是從元件拉線，因此初學者有時會不小心將 outlet & action 都取名為元件的名字，比方以下例子
Feb 8, 2019
Feb 8, 2019
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 table view controller 的 table view header 快速製作捲動頁面開發 iOS App 時， scroll view ，table view 和 collection view 都能實現畫面捲動，瀏覽超出螢幕內容的功能。但如果一行程式都不想寫，只想快速做個 prototype，利用 table view controller 的 table…
Feb 1, 2018
Feb 1, 2018
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
設定表格 cell 點選時的背景顏色iOS App 的表格點選時，cell 預設將變成灰色。雖然我們可在 Table View Cell 的 Selection 欄位調整顏色，但它的選擇不多，而且還會欺騙我們。(就算改成 Blue，還是顯示灰色。)
Jul 3, 2018
1
Jul 3, 2018
1
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
置入上下左右隱形空間的 inset開發 iOS App 時，我們時常看到 UI 元件有個 inset 欄位，而且還分成上下左右四個方向。到底它是什麼神奇玩意呢 ? 簡單的說，inset 擁有置入隱形空間的神奇能力，它能在元件裡插入某個看不到的空間，改變內容的位置。以下我們就以 UIButton 元件為例說明吧。
Jul 14, 2016
Jul 14, 2016
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
製作圖片在右，字在左的 buttoniOS 的 UIButton 元件預設的設計是圖片在左，字在右。如下圖所示，當我們設定 image 欄位後，彼得潘的圖片出現在左邊，文字愛瘋一切為蘋果的彼得潘在右邊。
Jul 20, 2017
1
Jul 20, 2017
1
In
彼得潘的 Swift iOS / Flutter App 開發教室
by
彼得潘的 iOS App Neverland
Apple 的剪刀石頭布(RPS)範例先模仿製作類似的功能跟畫面，然後再參考 Apple 的範例寫法。
Jun 28, 2021
Jun 28, 2021
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
collection view cell 不同高度的對齊問題當 collection view cell 有著不同高度時，在 flow layout 會出現特別的對齊問題，如下圖所示，第一個 cell 比第二個高，因此第二個 cell 會垂直置中顯示。
Aug 30, 2021
Aug 30, 2021
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
UICollectionViewCompositionalLayout 常見排版範例iOS 13 推出了 UICollectionViewCompositionalLayout，幫助我們更方便排版畫面，以下連結說明它的相關排版原理。
Aug 30, 2021
Aug 30, 2021
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
方便排版的 UICollectionViewCompositionalLayout 初體驗從 iOS 13 開始，iOS SDK 推出了 UICollectionViewCompositionalLayout，幫助我們更方便排版 collection view 的內容。從前在 collection view 需要大費周章才能實現的排版，利用…
Aug 25, 2021
Aug 25, 2021
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
偵測 iPhone 晃動 (shake)在 controller 裡覆寫以下 function
Jul 25, 2018
Jul 25, 2018
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 UIBezierPath 實現圓環進度條，甜甜圈圖表 & 圓餅圖在使用記錄類的 App，比方記帳或跑步記錄 App 時，我們時常看到美麗的圓環進度條。
Nov 8, 2019
Nov 8, 2019
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
請 AI 串接 API 顯示資料最近發現 Zed AI 的 fetch 指令可以抓取 API 回傳的 JSON 資料，因此現在請 AI 串接 API 顯示資料變得更簡單了，只要輸入兩行句子即可搞定。
Sep 4, 2024
Sep 4, 2024