ترتيب المعدِّلات
جزء من قسم مقدمة إلى 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 لـ Swift