الأزرار
جزء من قسم مقدمة إلى 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) {
// حذف
}التحدي
مبتدئاستبدل النص بـ Button بعنوان Order coffee. يمكن أن يبقى الإجراء فارغًا في الوقت الحالي. امنحه نمط الزر .borderedProminent.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ Swift