Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

خطوة وشريط تمرير

جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 26 من 50.

يحتوي Stepper على زري - و+ يغيّران رقمًا. يحافظ النطاق in: على بقاء القيمة ضمن الحدود:

@State private var cups = 1

Stepper("Cups: \(cups)", value: $cups, in: 1...5)

عند 5 يتوقف زر + عن العمل، وعند 1 يتوقف زر - عن ذلك. يتغير step: بأكثر من واحد في كل مرة.

يختار Slider قيمة Double عن طريق السحب:

@State private var volume = 50.0

Slider(value: $volume, in: 0...100, step: 5)

الحالة هي Double، لذا اكتب 50.0، وليس 50، عند التصريح بها.

challenge icon

التحدي

سهل

اسمح للمستخدم باختيار عدد التذاكر التي يريد شراءها. استبدل النص بـ Stepper بعنوان Tickets: 1، وTickets: 2، ... واربطه بـ tickets، من 1 إلى 4. امنح عنصر التمرير المعرّف tickets.

جرّب بنفسك

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس مقدمة إلى SwiftUI

تدرّب بنفسك: Playground لـ Swift