技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
18
0
Mobile Development
麻瓜學習 iOS 開發
系列 第
18
篇
Day18:SwiftUI Picker
13th鐵人賽
enolazxy
2021-10-03 22:19:37
1949 瀏覽
分享至
前言
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
熱門問題
使用Aruba 1960接上Gbic沒動作
全新拆封Aruba AP無法接管..
Proxmox mirgrate 有時候會跳出 redirections(599)
window.open參數傳遞問題
如何修復 ICMP Timestamp Request Remote Date Disclosure弱點
PRC端DNS解析問題....
ASP開啟已存在的Excel檔案
請教TRAE的PRO會員快速請求已經用完600點以後如何繼續使用?(已找到答案)
docker+ N8N-Ai agent Tool使用問題請教
跨平台網頁元件只能開放管理者使用權限才能用??
熱門回答
使用Aruba 1960接上Gbic沒動作
window.open參數傳遞問題
PRC端DNS解析問題....
ASP開啟已存在的Excel檔案
全新拆封Aruba AP無法接管..
熱門文章
Excel VBA建聖誕購物決策樹:Gen Z預算分配模型
【kintone 外部串接】Google 表單自動登錄至 kintone - 實作範例
準備 CKS 的實戰心得分享
JavaScript很難搞懂的底層機制原型鏈的 __proto__ 、prototype
整合 Gemini AI 的 LINE Bot - 雲端情人實作 (一) 專案介紹與技術架構
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}