ترتيب المعدِّلات
جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 16 من 50.
يلتف كل مُعدِّل حول العرض الذي يُطبَّق عليه ويُرجع عرضًا جديدًا. لذا فالترتيب مهم: يعمل المُعدِّل على كل ما أنتجته المُعدِّلات السابقة.
Text("A")
.padding()
.background(.orange)
Text("B")
.background(.orange)
.padding()بالنسبة إلى A، تُضاف الحشوة أولًا، ثم تغطي الخلفية المساحة المحشوة: فتكون المساحة البرتقالية كبيرة. أما بالنسبة إلى B، فتغطي الخلفية النص فقط، وتُضاف الحشوة خارجه، كمساحة فارغة حول مساحة برتقالية صغيرة.
اقرأ سلسلة من المُعدِّلات من الأعلى إلى الأسفل: يغيّر كل سطر العرض الذي أنشأته الأسطر التي تعلوه.
التحدي
سهلالمساحة البرتقالية بحجم النص فقط، والحشو خارجها. أعد ترتيب المعدِّلات بحيث تغطي الخلفية البرتقالية الحشو أيضًا.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ SwiftUI