‫مرحبًا بعودتك.
‫في هذا الفيديو ، سنتحدث عن المكدس ، وقائمة اللوحات ، والمربع ، ثم الشجرة المنطقية والشجرة
‫المرئية.
‫لذا ، أولاً وقبل كل شيء ، دعنا نمضي قدمًا ونتخلص من هذه الشبكة لأننا لم نلمس الشبكة بعد ، لذلك لم نستخدم الشبكة
‫بشكل صحيح بعد ، لكننا سنفعل ذلك في أحد مقاطع الفيديو التالية.
‫لذا بدلاً من الشبكة ، أريد استخدام لوحة مكدس.
‫تسمح لي لوحة Stack بتكديس العناصر فوق بعضها البعض بحيث يمكنني ببساطة المضي قدمًا وإضافة كتلة نصية
‫هنا ، على سبيل المثال.
‫وسأقوم ببساطة بكتابة النص مثل ، مرحبًا ، أيها العالم ، نص بسيط.
‫وكما ترون ، هناك نصي Hello World.
‫الآن ما أريد فعله أيضًا هو أنني أرغب في محاذاة المحاذاة الأفقية ، سأستخدم المركز هنا.
‫والآن أقوم بتوسيط النص كما ترون هنا.
‫الآن يتم توسيط النص وربما أيضًا بهامش صغير تجاه جميع الاتجاهات ، وهو 20.
‫كما ترون ، أنا أستخدم الهامش وأقول 20 فقط ، والتي ستقول أو ستنشئ هامشًا تجاه
‫جميع الاتجاهات الأربعة البالغة 20 بكسل.
‫الآن الشيء التالي هو مربع قائمة وأريد استخدام مربع قائمة فقط حتى ترى كيف يبدو المرء.
‫إذن مربع القائمة هذا فارغ حاليًا ، ولكن يمكننا تغيير ذلك بسهولة شديدة عن طريق إنشاء عنصر مربع قائمة
‫هناك.
‫لذلك دعونا نمضي قدمًا وننشئ عنصر مربع قائمة.
‫ويجب أن يحتوي هذا العنصر على محتوى دعنا نقول أن المحتوى يساوي العنصر الأول.
‫والآن بدلاً من وجود علامة فتح وإغلاق ، أريد فقط الحصول على هذه النسخة الأقصر.
‫لذلك أستخدم هذا العام الماضي و Visual Studio ذكي بما يكفي للتخلص من علامة الإغلاق بالنسبة لي تلقائيًا.
‫الآن يحتوي مربع القائمة هذا على هذا العنصر الأول وسأقوم بنسخه ولصقه عدة مرات.
‫لذا سأحصل على البند الأول والثاني والثالث.
‫والآن يشغل مربع القائمة هذا العرض بالكامل.
‫كما ترى ، يأخذ الأمر الوالد بأكمله وهو مرتفع أو مرتفع بقدر ما هو مطلوب.
‫لذلك ، فهذا يعني أن المساحة المطلوبة فقط هي التي تكون العناصر الموجودة بداخلها في ارتفاعها.
‫إذاً ، إلى حد كبير ، دعنا نقول أن هذا العنصر الأول والعنصر الثاني والثالث ، كل منهما بارتفاع 30 بكسل.
‫لذلك سيكون ارتفاع هذا المربع بالكامل 90 بكسل فقط.
‫لكن يمكننا تغيير ذلك ، لنقل ، تعديل الارتفاع.
‫وسأستخدم ارتفاع 100.
‫كما ترى ، فهي أعلى مما كانت عليه من قبل.
‫والآن دعونا ننشئ عرضًا بمقدار 100 بكسل أيضًا.
‫لذا يمكنك الآن رؤية هذا المربع أصغر كثيرًا وهو مناسب تمامًا.
‫حسنا.
‫الآن ، إذا كنت أرغب في الحصول على هامش في جميع الاتجاهات ، فيمكنني أيضًا إعطاء هذا العنصر في الهامش.
‫ولكن كما ترى ، نظرًا لأن كتلة النص Helloworld بها هامش 20 باتجاه كل الاتجاهات
‫، فهناك أيضًا مسافة بين عنصري القائمة هنا أو بين مربع القائمة وكتلة النص.
‫الآن ، إذا قمنا بتشغيل هذا الرمز ، فسنرى أن لدينا هذه النافذة الرئيسية الصغيرة ، وهي
‫جميلة ولدينا مربع قائمتنا مع عناصره.
‫لذا كما ترون هنا ، مرحبًا بالعالم إلى كتلة النص ثم عناصر القائمة هذه ، يمكنك النقر
‫فوقها ، بل ويمكنك تحديدها كما ترى.
‫لكن لا شيء آخر يحدث لأننا لم نتحقق من الحدث بعد ، وهو ما سنفعله في الفيديو التالي.
‫لذلك سأغلق ذلك مرة أخرى.
‫والآن دعونا نتحدث بسرعة عن الشجرة المنطقية والمرئية.
‫إذن ما لدينا هنا هو شجرة منطقية أو يمكننا رؤية الشجرة المنطقية في XAML.
‫لذا فإن الشجرة المنطقية هي نافذة داخل تلك النافذة.
‫لدينا لوحة مكدس.
‫داخل تلك اللوحة المكدسة.
‫لدينا كتلة مربع نص ومربع قائمة.
‫وداخل مربع القائمة ، لدينا بالفعل مربع القائمة ، العنصر الأول في مربع القائمة ، العنصر الثاني والثالث.
‫هذه هي الشجرة المنطقية.
‫لديك إلى حد كبير فروع متعددة.
‫يذهب أعمق وأعمق.
‫لذا فإن النافذة بها فرع من لوحة المكدس ، التي لها فرعين ، أحدهما هو List Box ، الذي
‫له فروع أيضًا وما إلى ذلك.
‫لذا كما قلت ، مرة أخرى ، هذه هي الشجرة المنطقية.
‫الآن دعونا نلقي نظرة على الشجرة المرئية ، لأنه إذا قمت ، على سبيل المثال ، بإضافة زر هنا
‫وسأحتاج إلى ذلك لشيء ما في ثانية.
‫لذلك أقوم بإنشاء زر جديد ، وأعطيه محتوى Click Me.
‫وسأضيف أيضًا طريقة هنا والتي سيتم استدعاؤها كلما نقر شخص ما.
‫لذلك أنا أستخدم النقر هنا وأقوم بإنشاء معالج أحداث جديد.
‫وما يفعله ذلك بالنسبة لي ، أنه ينشئ طريقة جديدة تسمى Button Click.
‫إذا نظرت هنا الآن ، يمكننا أن نرى أن هناك طريقة تسمى Button Click ، والتي تحتوي على
‫مرسل كائن وسيطات حدث موجهة تسمى E.
‫إذن ما يفعله هذا إلى حد كبير هو أنه سيتم استدعاء هذه الطريقة.
‫كلما نقرنا على الزر وكل ما لدينا داخل هذه الطريقة ، سيتم تنفيذ الجسم.
‫لنفترض أننا نستخدم مربع رسالة ، وهو شيء لم نستخدمه بعد ، ونطلق عليه طريقة عرض.
‫يمكننا ببساطة إظهار مربع أو مربع سيظهر كأنه منبثق صغير وسيظهر لنا بعض النص.
‫لذلك هناك شيء مثل شكرًا للنقر فوقي وقال النص انقر فوقي وكذلك النص الذي سيظهر على هذا
‫النحو.
‫شكرًا للنقر على مربع الرسائل ، سيظهر شيئًا جميلًا مثل شكرًا على النقر فوقي.
‫كما ترى ، انقر فوق الزر الموجود أسفل مربع القائمة.
‫لذا يرجى الآن المضي قدمًا وإضافة مسافة صغيرة بينهما.
‫حسنا.
‫آمل أن تحاول القيام بذلك.
‫ويمكننا إما أن نعطي زرنا هامشًا وسأستخدم 20 مرة أخرى ، أو قد نعطي مربع القائمة الخاص
‫بنا هامشًا.
‫لكن إعطاء الزر هامشًا يجب أن يكون جيدًا تمامًا.
‫الآن إذا قمنا بتشغيل الكود ، فسنحصل على زر انقر هنا الجميل.
‫إذن لدينا عالم مرحبًا ، لدينا النص وما إلى ذلك أو مربع القائمة.
‫والآن إذا نقرنا على Click Me ، فإن مربع الرسالة هذا ينبثق ويتحقق.
‫قل شيئًا مثل شكرًا على النقر فوقي ويمكننا النقر فوق "موافق" لإغلاق مربع الرسالة مرة أخرى.
‫لذلك دعونا نفتحها.
‫كما ترون ، انقر فوقي شكرًا على النقر فوقي.
‫إذاً هذا مربع رسالة ويمكننا استخدامه بطريقة مشابهة لنفترض أننا استخدمنا السطر الأيمن لوحدة
‫التحكم في تطبيقات وحدة التحكم الخاصة بنا لأغراض الاختبار.
‫لذلك من الرائع أن نفتح شيئًا ما بعد حدث ما ، فنحن ببساطة نفتح مربع رسالة حتى نعرف ، حسنًا
‫، لقد نجح الأمر بشكل رائع.
‫إذن هذا هو الزر وثلاثة منطقية.
‫الآن دعونا نلقي نظرة على الشجرة المرئية.
‫لذلك من أجل الحصول على الشجرة المرئية ، هناك طرق متعددة.
‫لكن الذي سأستخدمه هو أنني سأضيف نقطة هنا ، نقطة تصحيح.
‫لذلك سيتم تشغيله في التصحيح كلما تم تنفيذ هذا السطر من التعليمات البرمجية.
‫لذا اسمحوا لي أن أبدأ الكود أو ابدأ برنامجنا.
‫الآن أنقر على الزر ويتوقف برنامجنا وندخل في وضع التصحيح.
‫ثم هنا يمكنني الانتقال إلى متخيل شجرة WPF.
‫لذا ما سأفعله هو أن أقوم بالضغط على ذلك ويفتح متخيل WPF ، الذي يحتوي على الشجرة المرئية
‫، والتي تحتوي أيضًا على تلك الخصائص في أعلى اليمين أو على الجانب الأيمن.
‫كما ترى ، هناك العديد من الخصائص لزرنا ، على سبيل المثال ، أو لمربع القائمة لدينا
‫، وكذلك الكثير من الخصائص وحتى تخبرني بكل قيم تلك الخصائص.
‫ولم نضع أيًا من هؤلاء.
‫حسنًا ، ربما باستثناء الهامش.
‫لكن بخلاف ذلك ، لا يوجد شيء أنشأناه.
‫وكما ترى الخلفية بيضاء.
‫هذا جيد دائما.
‫لذلك يمكننا تغيير ذلك في الكود أيضًا.
‫وبالمناسبة ، ما هو مهم هنا الآن هو شجرتنا البصرية.
‫وترى بعض جوانب شجرتنا المنطقية هنا أيضًا.
‫على سبيل المثال ، يمكنك رؤية النافذة الرئيسية ، ثم ترى لوحة المكدس وهناك ترى مربع
‫قائمة كتلة النص والزر.
‫لكن هناك الكثير.
‫كما ترى ، النافذة الرئيسية لها حدود ، والتي لا نراها في الشجرة المنطقية ، ولكن مع الشجرة
‫الفردية.
‫ثم لديه مصمم متبرع ، مقدم محتوى ، والذي يعرض المحتوى بالفعل ، ثم هو
‫لوحة Stack.
‫ولوحة المكدس مرة أخرى كتلة نصية ، ومربع قائمة له حدود ، ثم يحتوي هذا المربع على عرض التمرير.
‫لذلك إذا كان هناك عدد كبير جدًا من العناصر لإظهارها في الارتفاع ، فسيكون لها إمكانية التمرير.
‫ثم هناك شبكة تحتوي على مستطيل ومقدم محتوى التمرير الذي يحتوي على
‫مقدم عناصر تصور لوحة مكدس.
‫ثم هناك نجد عنصر مربع القائمة واحدًا ، والذي يحتوي مرة أخرى على حد به مقدم محتوى.
‫وأخيرًا يمكننا إيجاد كتلة النص.
‫لذلك ترون أنها شجرة طويلة جدًا هنا ، وفروع كثيرة جدًا.
‫لكن في النهاية ما يمكنك أن تجده هو كل العناصر المختلفة الموجودة في برنامجك.
‫ويمكن أن يكون هذا مفيدًا جدًا إذا كنت ترغب في معرفة المزيد حول ما يتم تمثيله أو استخدامه بشكل عام
‫في برنامجك وما قمت بإضافته إلى برنامجك.
‫ولكن هذه هي الطريقة التي يمكنك بها معرفة كل شيء عن الشجرة المرئية.
‫وكما ترى ، لدينا شبكة داخل مربع القائمة لم نقم بإعدادها لأنفسنا ، ولكنها موجودة
‫فقط ، أليس كذلك؟
‫وإذا نقرت على تلك الشبكة ، يمكنك أيضًا العثور على خصائص تلك الشبكة على الجانب الأيمن.
‫اوكيدوكي.
‫كان هذا إلى حد كبير بالنسبة للشجرة المرئية ، الشجرة المنطقية.
‫لقد استخدمنا لوحة المكدس وصندوق القائمة.
‫سوف نستخدم لوحة التكنولوجيا أكثر بكثير في المستقبل.
‫لذا تعتاد على ذلك.
‫ونعم ، في الفيديو التالي سوف نتحقق من الأحداث.
‫لذا أراك هناك.