تخطَّ إلى المحتوى

🦅 شرح Swift

مقدّمة SwiftUI

الدرس 24 من 25· ⏱ 1 دقائق قراءة

ما هي SwiftUI؟

إطار Apple الحديث لبناء واجهات iOS و macOS بأسلوب تصريحي (تصف الواجهة، والنظام يرسمها).

أوّل واجهة

import SwiftUI

struct ContentView: View {
    var body: some View {
        Text("مرحبًا بالعالم")
            .font(.title)
            .foregroundColor(.purple)
    }
}

الحالة @State

struct Counter: View {
    @State private var count = 0

    var body: some View {
        VStack {
            Text("العدّ: \(count)")
            Button("زِد") {
                count += 1
            }
        }
    }
}

تغيّر @State يعيد رسم الواجهة تلقائيًّا.

مكوّنات أساسية

  • Text، Button، Image.
  • VStack / HStack / ZStack للترتيب.
  • List، NavigationStack للتنقّل.

الأدوات

استخدم Xcode على جهاز Mac، مع معاينة حيّة (Preview) للواجهة.

🎯 التالي: خلاصة المسار.

هل كان هذا الدرس مفيدًا؟