技術問答
技術文章
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
18
0
Mobile Development
麻瓜學習 iOS 開發
系列 第
18
篇
Day18:SwiftUI Picker
13th鐵人賽
enolazxy
2021-10-03 22:19:37
2000 瀏覽
分享至
前言
SwiftUI Picker 可以讓我們自行選擇項目,
也可以選擇不同的呈現方式,
這篇文章來討論 SwiftUI Picker。
實作
打開一個新的專案,
並在 view 裡刪除 text 帶入 Picker:
這裡有一個 selection 參數,
要傳入 binding,
這有點類似於 TabView。
content 參數是一個放置要給使用者看的內容的 closure。
宣告一個 @State property 並帶入 selection 參數 :
點擊 content 參數會打開一個 trailing 並帶入 text:
添加一個 text 顯示變數 selectedIndex 的值:
由於 selection 參數的雙向綁定,
當我改變 UI 時,變數 selectedIndex 也應該隨之改變,
改變變數 selectedIndex 的值時,UI 也會隨之改變,
我們在 Text()後添加 tag:
MenuPickerStyle
上面的范例是默認 wheel 的模式,
這邊來介紹 MenuPickerStyle:
SegmentedPickStyle
關於 Picker 更詳細的內容:
Picker
留言
追蹤
檢舉
上一篇
Day17:SwiftUI— EnvironmentObject
下一篇
Day19:SwiftUI—Button
系列文
麻瓜學習 iOS 開發
共
30
篇
目錄
RSS系列文
訂閱系列文
2
人訂閱
26
Day26:TabView
27
Day27:用 EnvironmentObject 傳遞數據
28
Day28:Update the Data and the Featured View
29
Day29: Picker controller
30
Day 30 : DetailView
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19831
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
趣味SQL,找出待簽核的員工 (AI來解題回答)
WIFI問題遊戲延遲改善
ASUS ProArt B550 Creator 主板與雙顯卡(N卡+I卡) PCIe4.0 x8頻寬問題
Connect-AzureAD 的 powershell 指令
MATABASE 多期比較問題請教
Debian 13 安裝 bind9 後找不到範例檔
熱門回答
WIFI問題遊戲延遲改善
ASUS ProArt B550 Creator 主板與雙顯卡(N卡+I卡) PCIe4.0 x8頻寬問題
趣味SQL,找出待簽核的員工 (AI來解題回答)
Connect-AzureAD 的 powershell 指令
Debian 13 安裝 bind9 後找不到範例檔
熱門文章
商業智慧 BI 是什麼?完整解讀Business Intelligence定義、價值與企業導入指南
打造自動化交易預警:從 jmg 停牌看金融數據的串接實務
BI報表是什麼?BI報表工具、製作流程與案例完整解析
2026 AI 音訊分離評測:LALAL.AI 還是 Coolo AI?開發者與創作者的選型指南
用 Next.js Server Actions 10 分鐘實作完備的登入註冊系統
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}