SwiftUI Tutorial

```wiki

SwiftUI: دليل شامل للمبتدئين

SwiftUI هو إطار عمل حديث لإنشاء واجهات مستخدم عبر جميع منصات Apple، بما في ذلك iOS و macOS و watchOS و tvOS. تم تقديمه في عام 2019 في مؤتمر Apple العالمي للمطورين (WWDC) ويمثل تحولاً جذرياً في طريقة بناء تطبيقات Apple. يهدف SwiftUI إلى تبسيط عملية تطوير واجهة المستخدم، مما يجعلها أكثر سهولة وفعالية. هذا الدليل موجه للمبتدئين الذين يرغبون في تعلم SwiftUI من البداية.

ما هو SwiftUI ولماذا يجب أن تتعلمه؟

تقليدياً، كان تطوير واجهات المستخدم لتطبيقات Apple يعتمد على إطار عمل UIKit (لـ iOS) أو AppKit (لـ macOS). هذه الأطر عمل قوية، ولكنها غالبًا ما تكون معقدة وتتطلب الكثير من التعليمات البرمجية لإنجاز مهام بسيطة.

SwiftUI يقدم بديلاً أكثر حداثة ومرونة. إليك بعض الأسباب التي تجعل SwiftUI يستحق التعلم:

• بناء جملة تعريفية (Declarative Syntax): بدلاً من وصف *كيف* يجب أن تظهر واجهة المستخدم، فإنك تصف *ما* يجب أن تبدو عليه. يقوم SwiftUI بالتعامل مع التفاصيل المتعلقة بالتنفيذ.
• الانتشار عبر المنصات (Cross-Platform): يمكنك استخدام نفس التعليمات البرمجية لإنشاء واجهات مستخدم تعمل على جميع منصات Apple.
• المعاينة المباشرة (Live Preview): يوفر Xcode معاينة مباشرة لواجهة المستخدم الخاصة بك أثناء قيامك بتحرير التعليمات البرمجية، مما يتيح لك رؤية التغييرات في الوقت الفعلي.
• سهولة التعلم (Ease of Learning): على الرغم من أنه يتطلب تعلم مفاهيم جديدة، إلا أن بناء الجملة التعريفية لـ SwiftUI يجعلها أسهل في الفهم والاستخدام مقارنة بـ UIKit و AppKit.
• التكامل مع SwiftUI (Integration with UIKit/AppKit): يمكنك دمج SwiftUI في مشاريعك الحالية التي تستخدم UIKit أو AppKit تدريجيًا.

الإعداد والبدء

قبل أن تتمكن من البدء في استخدام SwiftUI، ستحتاج إلى:

1. Xcode: Xcode هو بيئة التطوير المتكاملة (IDE) الخاصة بـ Apple. تأكد من أن لديك أحدث إصدار مثبتًا على جهاز Mac الخاص بك. يمكنك تنزيله من App Store. 2. معرفة أساسية بـ Swift: SwiftUI مبني على لغة البرمجة Swift. من المفيد أن يكون لديك فهم أساسي لـ Swift قبل البدء في تعلم SwiftUI. تتوفر العديد من الموارد عبر الإنترنت لتعلم Swift، مثل [Swift.org](https://www.swift.org/). 3. إنشاء مشروع جديد: في Xcode، قم بإنشاء مشروع جديد واختر قالب "App". تأكد من تحديد SwiftUI كواجهة المستخدم.

المفاهيم الأساسية في SwiftUI

SwiftUI يعتمد على مجموعة من المفاهيم الأساسية التي يجب فهمها لبناء واجهات مستخدم فعالة.

• Views (طرق العرض): Views هي اللبنات الأساسية لواجهة المستخدم في SwiftUI. كل شيء تراه على الشاشة هو عبارة عن View. أمثلة على Views تشمل `Text`, `Image`, `Button`, `Slider`, و `List`.
• Modifiers (المعدلات): Modifiers هي دوال تُستخدم لتعديل مظهر أو سلوك View. على سبيل المثال، يمكنك استخدام المعدل `.font()` لتغيير خط النص، أو المعدل `.padding()` لإضافة مساحة حول View.
• Layout Containers (حاويات التخطيط): حاويات التخطيط تُستخدم لتنظيم وترتيب Views داخل واجهة المستخدم. أمثلة على حاويات التخطيط تشمل `VStack` (ترتيب عمودي)، `HStack` (ترتيب أفقي)، و `ZStack` (تراكم Views فوق بعضها البعض).
• State (الحالة): الحالة هي البيانات التي تتحكم في مظهر وسلوك View. عندما تتغير الحالة، يتم تحديث View تلقائيًا ليعكس التغييرات. يتم استخدام `@State` لتحديد متغيرات الحالة.
• Bindings (الربط): Bindings هي طريقة لربط قيمة في View بمتغير حالة خارجي. عندما تتغير قيمة المتغير المرتبط، يتم تحديث View تلقائيًا، والعكس صحيح. يتم استخدام `@Binding` لإنشاء ربط.
• ObservableObject & @ObservedObject: تُستخدم ObservableObject و @ObservedObject لإدارة البيانات المعقدة التي تتغير بمرور الوقت. يسمح لك ObservableObject بتعريف خصائص يمكن مراقبتها، و @ObservedObject يسمح لك بالاشتراك في التغييرات في هذه الخصائص.
• EnvironmentObject & @EnvironmentObject: تُستخدم EnvironmentObject و @EnvironmentObject لتمرير البيانات عبر شجرة View دون الحاجة إلى تمريرها يدويًا من View إلى View.

بناء واجهة مستخدم بسيطة

لنبدأ بإنشاء واجهة مستخدم بسيطة تعرض نصًا وزرًا.

```swift import SwiftUI

struct ContentView: View {

   @State private var message = "Hello, SwiftUI!"

   var body: some View {
       VStack {
           Text(message)
               .font(.title)
               .padding()

           Button("Change Message") {
               message = "SwiftUI is awesome!"
           }
           .padding()
       }
   }

} ```

في هذا المثال:

• `ContentView` هي View الرئيسية لتطبيقنا.
• `@State private var message = "Hello, SwiftUI!"` يُعلن عن متغير حالة خاص يسمى `message` بقيمة أولية "Hello, SwiftUI!".
• `VStack` يُرتب Views داخله عموديًا.
• `Text(message)` يعرض قيمة `message` كنص.
• `.font(.title)` يُطبق معدل الخط لجعله خط عنوان.
• `.padding()` يضيف مساحة حول النص.
• `Button("Change Message") { ... }` ينشئ زرًا يعرض النص "Change Message" وعند النقر عليه، سيغير قيمة `message` إلى "SwiftUI is awesome!".
• `.padding()` يضيف مساحة حول الزر.

التعامل مع الإدخال من المستخدم

غالبًا ما تحتاج إلى الحصول على إدخال من المستخدم، مثل النص الذي يدخله في حقل نصي أو القيمة التي يختارها من قائمة.

```swift import SwiftUI

struct ContentView: View {

   @State private var name = ""

   var body: some View {
       VStack {
           TextField("Enter your name", text: $name)
               .padding()

           Text("Hello, \(name)!")
               .font(.title)
               .padding()
       }
   }

} ```

في هذا المثال:

• `TextField("Enter your name", text: $name)` ينشئ حقل نصي يطلب من المستخدم إدخال اسمه.
• `$name` هو Binding لمتغير الحالة `name`. أي تغيير في حقل النص سيُحدث قيمة `name` تلقائيًا، والعكس صحيح.
• `Text("Hello, \(name)!")` يعرض رسالة ترحيبية تتضمن اسم المستخدم الذي أدخله.

قوائم البيانات (Lists)

تُستخدم Lists لعرض مجموعات من البيانات.

```swift import SwiftUI

struct ContentView: View {

   let fruits = ["Apple", "Banana", "Orange"]

   var body: some View {
       List(fruits, id: \.self) { fruit in
           Text(fruit)
       }
   }

} ```

في هذا المثال:

• `fruits` هو مصفوفة من السلاسل التي تحتوي على أسماء الفواكه.
• `List(fruits, id: \.self) { fruit in ... }` ينشئ قائمة تعرض كل عنصر في مصفوفة `fruits`.
• `id: \.self` يحدد خاصية فريدة لكل عنصر في المصفوفة. في هذه الحالة، نستخدم اسم الفاكهة نفسه كمعرف.
• `Text(fruit)` يعرض اسم الفاكهة في كل صف من القائمة.

التنقل بين Views

غالبًا ما تحتاج إلى التنقل بين Views المختلفة في تطبيقك. يمكنك استخدام `NavigationView` و `NavigationLink` لتحقيق ذلك.

```swift import SwiftUI

struct ContentView: View {

   var body: some View {
       NavigationView {
           VStack {
               Text("Main View")
                   .font(.title)
               NavigationLink("Go to Detail View", destination: DetailView())
           }
           .navigationTitle("My App")
       }
   }

}

struct DetailView: View {

   var body: some View {
       Text("Detail View")
           .font(.title)
           .navigationTitle("Detail")
   }

} ```

في هذا المثال:

• `NavigationView` يُنشئ حاوية تنقل.
• `NavigationLink("Go to Detail View", destination: DetailView())` ينشئ رابط تنقل يؤدي إلى `DetailView` عند النقر عليه.
• `.navigationTitle()` يُحدد عنوان التنقل لكل View.

مواضيع متقدمة (نظرة عامة)

SwiftUI هو إطار عمل قوي ومرن يقدم العديد من الميزات المتقدمة. إليك بعض المواضيع التي يمكنك استكشافها بعد إتقان الأساسيات:

• Custom Views (طرق عرض مخصصة): إنشاء Views الخاصة بك لإعادة استخدام التعليمات البرمجية وتنظيمها.
• Gestures (الإيماءات): التعامل مع إيماءات المستخدم، مثل النقر والسحب والقرص.
• Animations (الرسوم المتحركة): إضافة رسوم متحركة إلى واجهة المستخدم لجعلها أكثر جاذبية.
• Networking (الشبكات): الاتصال بخوادم الويب وجلب البيانات.
• Data Persistence (استمرار البيانات): حفظ البيانات محليًا على الجهاز.
• Combine Framework (إطار عمل Combine): استخدام إطار عمل Combine للتعامل مع البيانات غير المتزامنة بطريقة تفاعلية.

الخلاصة

SwiftUI هو إطار عمل واعد لتطوير واجهات المستخدم لتطبيقات Apple. من خلال فهم المفاهيم الأساسية وممارسة بناء واجهات المستخدم البسيطة، يمكنك البدء في إنشاء تطبيقات قوية وجميلة. تذكر أن SwiftUI لا يزال قيد التطوير، لذلك من المهم البقاء على اطلاع بأحدث التغييرات والميزات.

ملاحظات إضافية

• **استراتيجيات الخيارات الثنائية:** التحليل الفني، استراتيجية 60 ثانية، استراتيجية مارتينجال، استراتيجية بينالي، استراتيجية سترادل.
• **التحليل الفني:** مؤشرات RSI، MACD، Moving Averages، Fibonacci retracements، Bollinger Bands.
• **تحليل حجم التداول:** حجم التداول، حجم الصفقات المفتوحة، تحليل دفتر الأوامر.
• **المؤشرات:** مؤشر الاتجاه، مؤشر التذبذب، مؤشر الحجم، مؤشر الزخم.
• **الاتجاهات:** الاتجاه الصعودي، الاتجاه الهبوطي، الاتجاه الجانبي، خطوط الاتجاه، قنوات الاتجاه.
• **أسماء الاستراتيجيات:** استراتيجية الاختراق، استراتيجية الارتداد، استراتيجية الاختناق، استراتيجية الفراشة، استراتيجية الكوندور.
• **الخيارات الثنائية:** الخيارات الثنائية الرقمية، الخيارات الثنائية اللمس، الخيارات الثنائية فوق/تحت.
• **إدارة المخاطر:** تحديد حجم الصفقة، وقف الخسارة، جني الأرباح.
• **علم النفس التجاري:** الانضباط، الصبر، التحكم في العواطف.
• **المنصات:** Binary.com, IQ Option, Deriv.

Swift Xcode SwiftUI Layout SwiftUI State Management SwiftUI Navigation SwiftUI Animations SwiftUI Combine UIKit AppKit Swift Programming Language ```

ابدأ التداول الآن

سجّل في IQ Option (الحد الأدنى للإيداع 10 دولار) افتح حساباً في Pocket Option (الحد الأدنى للإيداع 5 دولار)

انضم إلى مجتمعنا

اشترك في قناة Telegram الخاصة بنا @strategybin لتصلك: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات اتجاهات السوق ✓ مواد تعليمية للمبتدئين