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

Dec 1, 2024
280 stories
2 saves
UIKitUIKit App Programming
In
彼得潘的 Swift iOS / Flutter App 開發教室
by
彼得潘的 iOS App Neverland
使用 Windsurf 自動設定和連結 storyboard / xib 的 outlet / action當我們使用 storyboard / xib 設計 App 畫面後，下一步往往是連結和產生 IBOutlet & IBAction。最近彼得潘正好在研究 Windsurf 的 AI Cascade，想到它既然能解析整個專案，應該也能研究 storyboard / xib…
5h ago
5h ago
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
Sep 4
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
使用 shadow offset 實現 SwiftUI / UIKit / Flutter 的立體文字和元件設計 App 畫面時，我們常常會透過右下方的陰影讓文字和元件看起來更為立體，以下我們介紹如何透過 shadow offset 實現 SwiftUI / UIKit / Flutter 的立體文字和元件。
Sep 1
Sep 1
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
請 AI 美化 storyboard / xib 設計的畫面最近彼得潘發現 AI 也能幫我們美化用 storyboard / xib 設計的 App 畫面，以下我們以 Zed AI 為例，請它美化程式初學者常練習的範例，調色和猜數字 App。
Aug 31
Aug 31
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
Xcode 13 方便設定 auto layout 的 constraints group從 Xcode 13 開始，設定 auto layout 條件變得更方便了。我們可以在 Interface Builder 編輯 constraints group，一次修改多個條件。
Sep 25, 2021
Sep 25, 2021
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
從程式動態加 view 到 stack viewstack view 搭配 scroll view 可以快速做出圖片水平滑動的分頁功能，不過如果圖片是後來才加入，比方從網路抓取的圖片，我們事先不知道圖片數量，這樣做得到嗎 ?
Nov 13, 2020
1
Nov 13, 2020
1
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
從程式加入 Document Outline 的元件製作 iOS App 畫面時，有時我們希望加入某個 UI 元件，但卻不是將它加到畫面上。比方以下例子，我們希望 Date Picker 變成 text field 的輸入鍵盤，輸入 stranger things 發生的的時間。
Dec 12, 2020
Dec 12, 2020
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
outlet 要等到 viewDidLoad 才能存取使用 storyboard / xib 設計 App 畫面時，我們必須透過 outlet 連結畫面上的元件，之後才能從程式存取。
Aug 27
Aug 27
In
彼得潘的 Swift iOS App 開發問題解答集
by
彼得潘的 iOS App Neverland
利用 UIGraphicsImageRenderer & draw(in:) 縮小圖片當我們利用 UIImagePickerController  拍照時，得到的照片大小為 3024 * 4032 pixel，然而一般我們的 App 畫面或是上傳到後台的圖片並不需要那麼大，因此我們時常會將拍照得到的照片縮小。
May 29, 2019
May 29, 2019