SwiftUI丨1分鐘學會選擇器Picker

日習一語,日行一善

選擇器在ios開發(fā)中的使用頻率很高,今天我們就來看下<typo id="typo-30" data-origin="他" ignoretag="true">他</typo>的常規(guī)用法!

一、代碼展示

import SwiftUI
struct PickerView: View {
    let 課程 = ["第1課","第2課","第3課","第4課"]
    @State var selection = 1 //默認選擇
    var body: some View {
        VStack{
        Picker(selection: $selection, label: Text("選擇課程")) {
            ForEach(課程.indices , id: \.self){ i in
                Text(self.課程[i])
                    .font(.system(size: 18))
            }
        }
            Text("當前選擇的課程是: \(self.課程[selection])")
        }
    }
}
struct PickerView_Previews: PreviewProvider {
    static var previews: some View {
        PickerView()
    }
}

二、代碼解析

Picker選擇器需要用到兩個參數(shù):

1、需要有一個數(shù)組,用來存放選擇的內容(常量數(shù)組“課程[]”);

2、需要一個當前選擇的內容對應的下標(變量“selection”);

3、需要用到forEach循環(huán);

Picker(selection: $ + 選擇內容對應的下標, label: 標題) { 循環(huán)出所有的可選內容 }

三、拓展練習

大家根據Picker的介紹,自學一下 DatePicker 的用法。

你答應過我,我用心寫,你用心看;既會 點贊,還會 收藏,偶爾還會 分享打賞!

本篇完,感謝閱讀!

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容