‫مرحبًا بعودتك.
‫الآن حان الوقت أخيرًا لاستخدام الشبكة.
‫وقد رأيت كيفية استخدام لوحة المكدس من قبل ولوحة الرف وتلك التي يتم تكديسها جيدًا وتغليفها
‫يوميًا.
‫والآن سوف نتحقق من الشبكة التي تسمح لنا بوضع الأشياء في شبكة وسنبدأ ببساطة
‫باستخدام شبكة مرتين في اثنين.
‫وقبل كل شيء ، ما نحتاجه لذلك هو تعريف العمود والصف حتى نتمكن من المضي قدمًا وداخل شبكتنا.
‫انتقل إلى ملف المثال الخاص بك ثم داخل الشبكة ، قم بإنشاء تعريف عمود نقطة الشبكة.
‫وهنا يمكنك تحديد الأعمدة المختلفة الخاصة بك.
‫لذلك أولاً وقبل كل شيء ، تحتاج إلى تعريفات العمود ، والجمع ، وبعد ذلك يمكنك المضي قدمًا وإنشاء تعريفات
‫العمود الفردية الخاصة بك.
‫على سبيل المثال ، يمكنك المضي قدمًا وإنشاء واحد هنا.
‫سأبقي الأمر بسيطًا في سطر واحد ، تمامًا مثل هذا.
‫وما أريد تحديده هنا هو ببساطة العرض والعرض.
‫يمكنني ، دعنا نقول ، وضعها في 100 والآن لننشئ عمودًا آخر ، والذي سيكون أيضًا
‫بعرض 100.
‫الآن هذا لا يكفي.
‫نحتاج أيضًا إلى وجود صفوف ، إلا أننا نريد صفًا واحدًا فقط.
‫لنبدأ بصف واحد فقط وسأقوم بإنشاء زر أولاً وهذا
‫الزر سيقول شيئًا مثل ، مرحبًا ، ويجب أن يكون في عمود نقطة الشبكة صفر.
‫والآن أقوم بإنشاء زر ثان ، والذي يجب أن يكون الشبكة ، ذلك العمود الأول.
‫الآن إذا نظرنا إلى تصميمنا الآن يمكننا أن نرى أن لدينا الزرين.
‫أهلاً.
‫لنقم بتشغيل الكود الخاص بنا فقط لنرى كيف يبدو هذا.
‫بالمناسبة ، يبلغ عرضها 100 بكسل فقط ، كما ترون هنا ، لذا فإن العرض يقتصر على 100 بكسل.
‫لذلك إذا أضفت قيمة إجمالية هنا ، فسيستخدمها ببساطة كوحدات بكسل في العرض.
‫كما ترى هنا ، هذا هو عرض العمود.
‫وبالطبع ، يمكننا القول أنه يمكننا وضع المزيد من الأعمدة هنا بسهولة.
‫حسنًا ، يمكننا فعل ذلك وسنفعل ذلك لاحقًا.
‫لكن قبل أن نفعل ذلك ، أود أن أوضح لكم شيئًا مهمًا للغاية.
‫لذلك إذا قمت بسحب XAML الخاص بي هنا الآن ، فسيكون مفيدًا بالفعل لأننا سنرى الفرق في واجهة المستخدم الخاصة بنا
‫مباشرة.
‫وأريد تغيير العرض من 100 إلى تلقائي.
‫وكما ترون ، ما تفعله السيارات.
‫يأخذ تلقائيًا فقط العرض المطلوب ليلائم كل المحتوى الموجود داخل
‫العنصر.
‫لذلك في حالتنا ، يحتوي الزر على نص يسمى مرحبًا ، وهذا هو مقدار المساحة التي تحتاجها أو تتطلبها.
‫وهذا أيضًا هو مدى اتساع زرنا.
‫وكما ترى ، فهي لتعريف العمود الأول.
‫لذا ، فإن تعريف العمود الأول حيث زرنا مع hi هناك واحد هو كيفية أو هذا الزر الذي تم
‫تغييره.
‫كما ترى الآن تم تغييره إلى 59. 5 بكسل.
‫إذا أضفت المزيد من النصوص ، وبعض النصوص الأخرى ، يمكنك أن ترى أنها توسعها إلى 153. 5 بكسل.
‫لذلك يمكنك المضي قدمًا بسهولة واستخدام تلقائي جيدًا إذا كنت تريد أن يتلاءم كل شيء بشكل صحيح بناءً على مقدار المساحة
‫التي يحتاجها بالفعل.
‫ولكن ماذا لو أردت أن أجعل الأعمدة بنفس العرض بالضبط؟
‫حسنًا ، بالطبع يمكنني استخدام القيم الكاملة هنا أو القيم الثابتة هنا ، لكن يمكنني أيضًا استخدام النجمة.
‫وما سيفعله النجم هو أنه إذا كان لكل منهم نجمة ، فإنه سيقول ببساطة ، حسنًا ، سيشغل
‫كل المساحة.
‫وفي هذه الحالة ، فإن المساحة المتوفرة هي المساحة المتوفرة فقط في هذا العمود المحدد ، وهي نفس المساحة المتوفرة تمامًا مثل الأعمدة
‫الأخرى.
‫لذلك هناك وزن الآن.
‫إذاً هذا له وزن واحد وهذا وزنه واحد أيضًا.
‫لذلك فإنهما متساويان في الوزن ، مما يعني أنهما متساويان في العرض.
‫إذا أردنا تغيير ذلك ، فلنفترض أنني أريد أن أجعل هذا الزر الثاني هنا ، الزر الثاني
‫يتضاعف مثل الزر الأول الذي يمكنني استخدامه بنجمة مزدوجة.
‫إذن الآن سيكون عرض هذا ضعف عرض الأول.
‫إذا كنت ، على سبيل المثال ، أرغب في الحصول على ثلاثة من الخامس على الجانب الأيسر و 2/5 على الجانب
‫الأيمن كعرض.
‫يمكنني ببساطة استخدام هذا النهج ، كما ترون هنا.
‫ثلاثة أضعاف النجمة واثنان ضعف النجمة.
‫إذن ما يفعله ، فهو يجمع كل شيء في الواقع ثم يستغرق فقط الثواني المتعددة لما تم تعيينه هنا.
‫لنفترض أن لدينا ثلاثة واثنين.
‫إذن ما يفعله ، يقول ، حسنًا ، الآن إجمالي خمسة.
‫الوحدات المتاحة ، وسأخذ 3/5 من هذه الوحدات.
‫الآن ، يمكنك المضي قدمًا والقيام بشيء مثل 100.
‫لذلك يمكنك أن ترى أن هذا واحد يأخذ 100.
‫وهذا يستغرق اثنين فقط.
‫إذن هذه هي الطريقة التي يمكنك بها اللعب مع العروض.
‫وينطبق الشيء نفسه على المرتفعات.
‫فلنبدأ الآن في إنشاء تعريف صف.
‫لذلك تعريفات صف نقطة الشبكة.
‫وهنا يمكننا المضي قدمًا وإنشاء تعريفات الصف الخاصة بنا.
‫إذاً الأول ، وسأبقيه بسيطًا أيضًا ، كما هو الحال في صف واحد.
‫وهذا يحتاج إلى ارتفاع.
‫لذلك سأقول فقط ، حسنًا ، أريد أن أحصل على ارتفاع النجمة.
‫والآن نستخدم نفس الشيء مرة أخرى للصف الثاني.
‫وكما ترى الآن لدينا صفان.
‫إذن واحد هنا والثاني في الأسفل.
‫وكما ترى ، الصف الثاني ليس به أي محتوى حتى الآن.
‫لنقم الآن بتغيير ذلك عن طريق دعنا نقول ، أولاً وقبل كل شيء ، وضع هذا الزر هنا في الأسفل.
‫الصحيح.
‫وكيف يمكننا فعل ذلك؟
‫حسنًا ، نستخدم صف نقطة الشبكة ونقول إنه في الصف الأول.
‫الآن ، قد تتساءل ، لماذا هو واحد؟
‫لماذا ليس اثنان؟
‫حسنًا ، كما تعلمون بالفعل في البرمجة ، نبدأ العد بصفر.
‫إذن ، الصف الأول هو صفر ، والصف الثاني هو واحد.
‫الآن مرتفع هناك الصف الثاني ، وهو الصف الأول.
‫الآن دعنا نمضي قدمًا وننشئ زرين آخرين وربما نغير أسمائهم إلى شيء لديه
‫المزيد ليقوله عن معلوماتهم الفعلية.
‫سأضع ذلك في العمود صفر في الصف الأول وهذا واحد في الواقع ،
‫سأعيده إلى صفر واحد وسيكون ذلك واحدًا عند واحد وفي الواقع سيكون العمود الأول والصف صفر مثل الذي - التي.
‫الآن لدينا كل الأزرار وهذا واحد سيكون واحدًا.
‫سيكون ذلك الزر الثاني والثالث والزر الرابع.
‫رائعة.
‫والآن إذا بدأنا ذلك ، سترون ذلك.
‫حسنًا ، إنه مهم أيضًا لواجهة المستخدم نفسها.
‫إذن واحد ، اثنان ، ثلاثة ، أربعة.
‫حسنا.
‫الآن يمثل تحديًا صغيرًا بالنسبة لك لأنك رأيت كيفية استخدام أعمدة الشبكة والصفوف.
‫يرجى المضي قدمًا وإنشاء شبكة بثلاثة أضعاف ثلاثة مع ثمانية أزرار.
‫لذلك يجب أن تكون الأزرار من 1 إلى 8 والموضع التاسع.
‫لذلك يجب أن يكون موضع اليد اليمنى السفلي أو عنصر الشبكة عبارة عن كتلة نصية.
‫لذا يرجى إيقاف الفيديو مؤقتًا ومحاولة القيام بذلك.
‫حسنا.
‫أتمنى أن تكون قد جربتها.
‫ما سأفعله هو أنني سأضيف عمودًا آخر عن طريق إضافة تعريف عمود هنا ، وسيكون العرض متساويًا
‫ونفس الشيء بالنسبة للارتفاع.
‫ستكون مساوية للارتفاع.
‫والآن ، كما ترون ، الأزرار تبدو غريبة بعض الشيء.
‫لكن هذا فقط لأنني لم أفعل.
‫A تصغير حتى الان.
‫حتى الآن يمكننا رؤيته بشكل صحيح.
‫الآن لدينا أزرارنا بصفر واحد وهكذا دواليك.
‫سأقوم بنسخ هذا الزر هنا وسأضعه في العمود الثاني.
‫إذن الصف صفر والعمود الثاني.
‫الآن ، يمكنك بالطبع أن تجادل بأنه من المنطقي أن تبدأ بالصف ثم تدخل العمود.
‫حسنًا ، يمكنك فعل ذلك ، لكن في حالتي ، العكس هو الصحيح.
‫في النهاية ، ما يهم هو أنك تستخدمهما بشكل صحيح.
‫الآن لدينا الأزرار الثلاثة في الأعلى.
‫الآن دعنا نمضي قدمًا وننشئ الصف الثاني أو ننهي الصف الثاني.
‫وهذا هو العمود الثاني.
‫وسوف أقوم بنسخ ذلك ثلاث مرات ، في الواقع ، مرتين بما يكفي.
‫وسيكون هذا الصف هو الموضع صفر والصف الثاني ، والموضع الأول أو العمود الأول.
‫الآن ، بالطبع ، نحتاج إلى تغيير القيم.
‫إذن واحد ، اثنان ، ثلاثة ، أربعة ، خمسة ، ستة ، سبعة وثمانية.
‫وكما قلت ، في أسفل اليسار ، أود الحصول على كتلة نصية.
‫لذا فإن قالب النص له نفس الأسلوب مع الشبكات.
‫يجب أن يكون لديك عمود وصف.
‫لذلك سأقول فقط أن هذا سيكون العمود الثاني وصف الشبكة الثاني أيضًا.
‫إذن نحن الآن في الأسفل أو اليسار أو الأسفل الآن يمكننا المضي قدمًا وإعطائها بعض النص.
‫وسأقول شيئًا مثل النص.
‫الآن قد تقول ، أوه ، أنا لا أحب ذلك.
‫النص في أعلى اليسار.
‫حسنًا ، يمكنك تغيير ذلك بسهولة عن طريق إدخال شيء مثل المحاذاة الأفقية واستخدام المركز هنا.
‫حتى الآن يتم توسيطها أفقيًا.
‫دعنا نكبر حتى تتمكن من الرؤية.
‫حسنا.
‫والآن إذا أردت توسيطها عموديًا أيضًا ، فأنا ببساطة أستخدم المحاذاة الرأسية وأستخدم المركز
‫هنا أيضًا.
‫الآن كما ترى ، يتم توسيط الزر تمامًا ويمكننا حتى المضي قدمًا وتغيير
‫حجم الخط فقط لأننا نستطيع ودعونا نجعله أكبر قليلاً مثل 32.
‫والآن يمكنك أن ترى أن لدينا شبكة بثلاثة أضعاف ثلاثة بها ثمانية أزرار ونص.
‫الآن يمكنك المضي قدمًا ومحاذاة جميع أنواع العناصر المختلفة في نافذتك هنا في نافذتك الرئيسية
‫وشبكتك.
‫هذا هو جمال استخدام الشبكات.
‫وكما رأيت ، يمكنك تكديس الأشياء.
‫يمكنك إنشاء لوحة مكدسة بشبكات متعددة بالإضافة إلى وجود نص في المنتصف أو شيء من هذا القبيل.
‫لذا فأنت لست مقيدًا باستخدام عنصر واحد هنا.
‫كما ترون ، يمكننا المضي قدمًا ودعونا نقول وضع ذلك في لوحة مكدس.
‫لوحة المكدس من هذا القبيل.
‫لذا سأقوم بسحب الشبكة.
‫كما ترى الآن ، إنها تشتكي لأن مثال النافذة ، النافذة الرئيسية لا تعرف إلا المثال الأول.
‫لذلك سترى لوحة STACK فقط إذا تحققنا الآن من مظهرنا.
‫في الواقع ، دعنا نتوقف عن ذلك حتى نتمكن من رؤية أنه يشير إلى ترميز غير صالح.
‫لذلك إذا أخذنا الشبكة بالكامل داخل لوحة Stack الخاصة بنا ، كما ترون ، فهي موجودة وترسلها.
‫لذلك يوجد مساحة كبيرة في الأسفل.
‫لذا يمكننا هنا إضافة زر آخر ، فقط لترى أن هذا ممكن وأن هذا
‫الزر سيكون بارتفاع 100.
‫والآن ، كما ترون ، كل شيء يتراكم هناك في الأعلى.
‫وعلى الرغم من أننا نمتلك هذا الارتفاع الذي يجعلهم جميعًا بنفس الارتفاع ، إلا أن هذا النص احتاج إلى مساحة كبيرة لدرجة
‫أنه يتجاهل ذلك.
‫لذا فإن حجم الخط كبير جدًا.
‫لذا إذا رجعنا إلى 16 ، فسيظل الأمر كبيرًا جدًا.
‫إذا ذهبنا إلى لنفترض أن الرقم 12 الآن يبدو أكثر شبهاً به.
‫لذلك عندما تستخدم تعريفات الصفوف مع هذه النجمة ، عليك أن تكون حذرًا.
‫إذا احتاج عنصر إلى مساحة أكبر مما هو موجود ، فسيتم تجاوزه.
‫حسنا.
‫هذه شبكتان.
‫سأعود إلى الشبكة القياسية الجميلة التي كانت لدينا هناك.
‫وعمومًا ، ما أوصي به دائمًا بعد أن ترى شيئًا كهذا وبعد أن تتعلم شيئًا كهذا
‫، يرجى المضي قدمًا والتلاعب به.
‫مجرد اللعب مع بعض الأنواع المختلفة من العناصر.
‫لقد رأيت بعضها بالفعل ، وسننظر في المزيد من عناصر التحكم لاحقًا.
‫تلك التي استخدمناها حتى الآن هي بشكل أساسي الأزرار والكتل اليمنى والنصية ، لكننا سنستخدم
‫عناصر تحكم جميلة مختلفة في مقاطع الفيديو المستقبلية.
‫لذا أراك هناك.