منتقي
جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 27 من 50.
يختار Picker قيمة واحدة من قائمة من الخيارات. كل خيار هو عرض يحتوي على .tag، وتتم كتابة وسم الخيار المختار في الحالة المرتبطة:
@State private var size = "Medium"
Picker("Size", selection: $size) {
Text("Small").tag("Small")
Text("Medium").tag("Medium")
Text("Large").tag("Large")
}يجب أن تكون للوسوم النوع نفسه للحالة، وهو هنا String. يعرض .pickerStyle(.segmented) الخيارات في صف من المقاطع:
Picker("Size", selection: $size) {
Text("S").tag("Small")
Text("L").tag("Large")
}
.pickerStyle(.segmented)
التحدي
سهلأضف Picker بعنوان Milk، مرتبطًا بـ milk، ومعرّفه milk وثلاثة خيارات: Whole وOat وSoy، بحيث يتم وسم كل خيار باسمه. أبقِ النص الموجود أسفله، والذي يعرض الاختيار.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ Swift