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

الأزرار

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

يعرض Button تسميةً وينفّذ إجراءً عند النقر عليه. يأخذ الشكل الأقصر عنوانًا وإغلاقًا:

Button("Sign in") {
    // يعمل عند النقر على الزر
}

لإنشاء تسمية مخصّصة، مرّر الإجراء أولًا وأنشئ التسمية في إغلاق ثانٍ:

Button {
    // إجراء
} label: {
    Label("Add to cart", systemImage: "cart")
}

.buttonStyle(.borderedProminent) ينشئ زرًا ممتلئًا، وrole: .destructive يحدد إجراءً يحذف شيئًا، ما يؤدي إلى عرضه باللون الأحمر:

Button("Delete", role: .destructive) {
    // حذف
}
challenge icon

التحدي

مبتدئ

استبدل النص بـ Button بعنوان Order coffee. يمكن أن يبقى الإجراء فارغًا في الوقت الحالي. امنحه نمط الزر .borderedProminent.

جرّب بنفسك

import SwiftUI

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

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

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

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