‫مرحبًا بعودتك.
‫في هذا الفيديو ، سنقوم بتغطية مربع التحرير والسرد ويمكنك رؤية واحد هنا.
‫ويحتوي على مصدر البيانات لجميع الألوان المختلفة المتاحة لنا.
‫لنفترض أننا نريد استخدام اللون البنفسجي الباهت كما فعلنا بالفعل.
‫يمكننا ببساطة اختيار ذلك.
‫وكما ترى ، فإن مربع التحرير والسرد الخاص بنا قد اختار هذا اللون ويحتوي حتى على هذا النص
‫الجميل الكامل حول ما يسمى بهذا اللون.
‫حسنًا ، دعنا نمضي قدمًا وننشئ مشروعًا جديدًا للبدء وسأسمي ذلك
‫مربع التحرير والسرد WP F ten C ويمكنك تسميته كيفما تشاء.
‫لكن ما سنحتاجه هنا هو مثال.
‫سنقوم بإنشاء لوحة مكدس أولاً.
‫لذا بدلاً من الشبكة ، أريد استخدام لوحة Stack وسأجعل XAML أكبر قليلاً هنا لأن التصميم رائع وكل شيء ،
‫لكن من الجيد دائمًا رؤية ما تقوم بترميزه.
‫وهنا سوف أقوم بإنشاء شيء يسمى مربع التحرير والسرد وهذا كل شيء إلى حد كبير.
‫هناك صندوق التحرير والسرد الخاص بي.
‫يمكنني إعطائها اسمًا ، لذا سأطلق عليها اسمًا يساوي ألوان مربع التحرير والسرد.
‫والآن يحتاج مربع التحرير والسرد هذا إلى قالب عنصر مربع تحرير وسرد ، وهو شيء رأيناه في الفيديو الأخير حيث
‫استخدمنا مربع القائمة.
‫لذلك لدينا قالب عنصر مربع التحرير والسرد هنا.
‫نحتاج إلى نموذج بيانات لأنه بخلاف ذلك ، كما ترى ، فإنه يشتكي.
‫والآن بمجرد أن نحصل على قالب البيانات هذا ، كل شيء على ما يرام وسأقوم بالتخلص من الأسطر الإضافية التي
‫قمت بإنشائها هنا.
‫لذا أريد أن يكون لدي هنا لوحة Stack لأنني أرغب في تكديس كل شيء هناك ويجب أن يكون
‫موجهًا أفقيًا.
‫الآن ، يجب أن تحتوي لوحة STACK على مستطيل.
‫بالمناسبة ، ستكون لوحة STACK هي ما بداخل مربع التحرير والسرد الخاص بنا
‫، ويجب أن تحتوي على مستطيل ، سأقوم بملئه بلون.
‫لذلك سأقوم بتعبئته باسم ملزم ويجب أن يكون عرضه ، دعنا نقول 32 بكسل وارتفاعه
‫32 بكسل أيضًا.
‫ثم أريد إضافة هامش لنفترض أنه خمسة بكسلات في اتجاه كل الاتجاهات لهذا المستطيل.
‫والآن يجب أن يكون هناك كتلة نصية تقول الاسم أيضًا.
‫لذلك يجب أن تحتوي كتلة النص هذه على نص يسمى اسم الربط.
‫لذلك سنقوم بربط خاصية الاسم.
‫لذلك سنحتاج إلى إنشاء خاصية الاسم.
‫وأريد أيضًا إضافة حجم خط يبلغ 32 إلى كتلة النص الخاصة بي.
‫حسنا.
‫هذا كل ما في الأمر.
‫هذا هو الكود الكامل الذي نحتاجه في XAML.
‫والآن يمكننا المضي قدمًا وتشغيل أو إنشاء رمز سنحتاجه في الكود الخلفي ، لأن ما نحتاجه
‫جميعًا هو بالتأكيد خاصية الاسم هذه.
‫لذا دعنا نذهب إلى الكود الخلفي وهنا.
‫سأمضي قدمًا وسأصل ببساطة إلى ألوان مربع التحرير والسرد الخاص بي ، وهي ألوان مربع التحرير والسرد النقطي للنافذة
‫الرئيسية.
‫لذلك هذا واحد هنا ، أسمي هذا الصندوق التحرير والسرد من هذا القبيل.
‫أسمي ألوان مربع التحرير والسرد.
‫والآن ما سأفعله هو أن أقوم بتعيين مصدر العنصر.
‫لذا فإن مصدر العناصر سيكون نقطة ألواننا ولا يمكننا استخدامها بهذه الطريقة.
‫لذلك سنحتاج إلى إرسال نوع من الألوان إليه ، ثم الحصول على الخصائص.
‫لذلك سنحصل على جميع الألوان المتوفرة.
‫هذه الفئة نظامك الذي يعمل على النوافذ التي تحتوي على ألوان الوسائط وفيه توجد طريقة تسمى الحصول على
‫الخصائص وستعيد لنا جميع الألوان.
‫هذا كل ما في الأمر.
‫قمنا بتعيين مصدر العنصر لخاصية الألوان هذه.
‫يمكننا بالطبع استخدام قائمة العناصر الموجودة هنا للأشياء التي نريد إظهارها هنا.
‫لكن اتباع هذا الأسلوب الجميل هنا سيكون في غاية البساطة.
‫كما ترى ، لدينا سطر واحد فقط يحتوي على العديد من القيم المختلفة التي يمكننا الاختيار من بينها.
‫إذن لدينا ببساطة صندوق التحرير والسرد هذا الذي يحتوي على كل تلك الألوان ويمكننا استخدام لون الشوكولاتة
‫هذا أو يمكننا استخدام قائمة داكنة ورمادية وما إلى ذلك.
‫لذلك كما ترى ، يمكنك ضبط مصدر العنصر على قائمة رائعة متاحة داخليًا.
‫أو يمكنك إنشاء مصدر العنصر الخاص بك ، والذي قد يكون بالطبع ، بعض البيانات من قاعدة بيانات ، أو يمكن أن يكون
‫قائمة تقوم بإنشائها بنفسك.