技術文章
技術問答
My Project
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
文章
問答
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
18
0
Mobile Development
麻瓜學習 iOS 開發
系列 第
18
篇
Day18:SwiftUI Picker
13th鐵人賽
enolazxy
2021-10-03 22:19:37
2131 瀏覽
分享至
前言
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鐵人賽
參賽組數
929
組
團體組數
32
組
累計文章數
12080
篇
完賽人數
151
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
18th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
熱門問題
六個語言的 README,要一比一翻完整,還是只寫到「裝得起來」就好?
熱門回答
六個語言的 README,要一比一翻完整,還是只寫到「裝得起來」就好?
熱門文章
紅隊攻一條線,藍隊守一整面:「大哥沒有輸」
VS Code 會定時叫醒 Agent,但不會替你的任務保證冪等
如何提升Pinnacle AI回答的準確度?從 RAG 檢索流程談起
Swift - 協議導向程式語言(Protocol-Oriented Programming, POP)
CDN / WAF 源站真实 IP 泄漏与防护
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}