بناء صف Toggle قابل لإعادة الاستخدام
أنشئ واجهة فرعية تعدّل حالة الواجهة الرئيسية
بناء صف Toggle قابل لإعادة الاستخدام درس مجاني في SwiftUI Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في SwiftUI Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة SwiftUI Academy 4 دروس في المجموع.
مكوّن يُجري التعديلات
لننشئ صفًا قابلًا لإعادة الاستخدام يبدّل إعدادًا. الحيلة هي أن الصف يغيّر حالة العرض الأب من خلال @Binding. 🧩
تصميم المدخلات
يحتاج الصف إلى تسمية لعرضها وإلى binding لتغييرها. لذلك يستقبل سلسلة عنوان وbinding من نوع Bool.
إعلان العرض الفرعي
أنشئ struct يحتوي على title عادي وbinding للقيمة التي سيبدّلها بين التشغيل والإيقاف.
struct ToggleRow: View {
let title: String
@Binding var isOn: Bool
var body: some View { Text("Placeholder") }
}بناء Body
داخل body، يعرض Toggle واحد العنوان ويكتب التغيير عبر binding عند النقر عليه.
var body: some View {
Toggle(title, isOn: $isOn)
.padding()
}استخدامه في عرض أب
يمتلك العرض الأب الإعداد باستخدام @State، ثم يضيف الصف ويمرّر القيمة باستخدام علامة الدولار.
struct SettingsView: View {
@State private var notify = true
var body: some View { ToggleRow(title: "Notify", isOn: $notify) }
}إعادة استخدامه في كل مكان
أضف الآن عشرة إعدادات باستخدام عشرة صفوف، يرتبط كل منها بحالته الخاصة. عرض صغير واحد، يُعاد استخدامه في الشاشة بأكملها.
ToggleRow(title: "Sound", isOn: $sound)
ToggleRow(title: "Vibrate", isOn: $vibrate)يرى العرض الأب كل تغيير
بدّل أي صف، وستتحدّث @State المطابقة في العرض الأب فورًا. ويمكن للعرض الأب التفاعل مع القيمة الجديدة مباشرة.
Text(notify ? "On" : "Off")
.foregroundStyle(notify ? .green : .gray)أبقِ العرض الفرعي بسيطًا
لا يحمل الصف أي افتراضات حول مكان وجود البيانات. فهو يعدّل فقط الـbinding الذي مُرّر إليه، مما يجعله قابلًا للنقل.
أضف بعض التنسيق
بما أن الصف عرض واحد، يمكنك تنسيقه مرة واحدة وستبدو كل نسخة بالطريقة نفسها. وتأتي الاتساقية تلقائيًا. 💅
Toggle(title, isOn: $isOn)
.tint(.orange)
.font(.headline)غيّر النوع لاحقًا
هل تريد صفًا لرقم بدلًا من ذلك؟ غيّر نوع binding، وسيعمل النمط نفسه مع أي قيمة قابلة للتعديل.
أجزاء صغيرة، وتطبيقات كبيرة
الصفوف القابلة لإعادة الاستخدام والمبنية على Bindings هي ما يحافظ على ترتيب التطبيقات الحقيقية. اجمع محررات صغيرة متعددة في شاشة إعدادات واحدة ومنظمة.
اختبار سريع
اختبار سريع حول صف التبديل.
مراجعة: محرر قابل لإعادة الاستخدام
يصبح العرض الفرعي الذي يحتوي على @Binding محررًا قابلًا لإعادة الاستخدام. مرّر الحالة باستخدام علامة الدولار وأضفه إلى أي مكان. 🎉
تعلم Swift مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 30
- الدروس
- 120
الأسئلة الشائعة
هل درس «بناء صف Toggle قابل لإعادة الاستخدام» مجاني؟
نعم — نص درس «بناء صف Toggle قابل لإعادة الاستخدام» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة SwiftUI Academy، انتقل إلى CoddyKit PRO. تتضمن دورة SwiftUI Academy 4 دروس في المجموع.
ماذا ستتعلم في «بناء صف Toggle قابل لإعادة الاستخدام»؟
أنشئ واجهة فرعية تعدّل حالة الواجهة الرئيسية تتمرن على SwiftUI Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ SwiftUI Academy؟
لا تُشترط خبرة سابقة. SwiftUI Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.
كم من الوقت يستغرق درس «بناء صف Toggle قابل لإعادة الاستخدام»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس SwiftUI Academy هذا؟
نعم. كل درس في SwiftUI Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- لماذا تحتاج العناصر الفرعية إلى @Binding
- تمرير Binding إلى الأسفل
- بناء صف Toggle قابل لإعادة الاستخدام
- @State مقابل @Binding