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

الإطارات والأشكال

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

يحتوي SwiftUI على عروض للأشكال: Circle وRectangle وRoundedRectangle وCapsule. تعمل .fill على تلوين شكل:

Circle()
    .fill(.blue)
    .frame(width: 80, height: 80)

يكبر الشكل ليملأ المساحة المتاحة له. تمنحه .frame(width:height:)، أو تمنح أي عرض آخر، حجمًا ثابتًا بالنقاط.

يمكن أن يكون الإطار مرنًا أيضًا. تتيح maxWidth: .infinity للعرض التمدد عبر العرض المتاح:

Text("Continue")
    .frame(maxWidth: .infinity)
    .padding()
    .background(.blue)
challenge icon

التحدي

سهل

ارسم العنصر النائب للصورة الرمزية: دائرة Circle مملوءة باللون الأخضر، بعرض 100 نقطة وارتفاع 100 نقطة.

جرّب بنفسك

import SwiftUI

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

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

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

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