技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
18
0
Mobile Development
麻瓜學習 iOS 開發
系列 第
18
篇
Day18:SwiftUI Picker
13th鐵人賽
enolazxy
2021-10-03 22:19:37
1948 瀏覽
分享至
前言
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
組
累計文章數
19854
篇
完賽人數
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
熱門問題
關於最近的釣魚信件
Qnap帳號於同一個IP反覆登入失敗.
資產管理紀錄表單請教
Diffusion Pipeline 同時多筆請求會 index out of bounds,有無可同時處理多筆的作法?
不懂Modelfile的Template要怎麼寫...
dockerDesktop +vm workstation pro17 問題請教
鼎新smart erp登入系統.出現錯誤訊息.LeaderWorkCenterS初始化失敗???
熱門回答
Qnap帳號於同一個IP反覆登入失敗.
資產管理紀錄表單請教
關於最近的釣魚信件
dockerDesktop +vm workstation pro17 問題請教
鼎新smart erp登入系統.出現錯誤訊息.LeaderWorkCenterS初始化失敗???
熱門文章
Spring Boot 安全認證 — JWT 及 OAuth2 認證 (發文被切掉,補充
8個能提升工作效率的SQL好習慣,方便你我他!
iReport教學:打造專業級PDF、Excel報表
前端框架 Vue、React的虛擬DOM (Virtual DOM)分身模擬機制。
優質免版權音樂下載 | 免費音樂資源網站推薦
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}