تقييم الموضوع :
  • 1 أصوات - بمعدل 5
  • 1
  • 2
  • 3
  • 4
  • 5
[WPF حتى الاحتراف] {3.5} - اداة الـ WrapPanel
#1
السلام عليكم ورحمة الله وبركاته








الـWrapPanel



هي اداة من ادوات الLayout ، وظيفتها نفس الـ Stackpanel بالضبط ، الا انها تحتوي على ميزة اضافية وهي : عندما لاتتوفر مساحات اضافية في الـPanel ، قم بالنزول الى سطر جديد.


[صورة مرفقة: wrapPanel.PNG]



هذا يعني انها Stackpanel لكن توفر لك ميزة النزول الى سطر جديد عندما لايكون هناك مساحة اضافية للعنصر ..



قبل

[صورة مرفقة: UXPamJq.png]




بعد تقليل Window width  صغر ال Width تبع الWrapPanel ايضا ، وادى ذلك الى نزول بعض العناصر الى الاسفل :

[صورة مرفقة: a7WcsxR.png]






احنا قلنا ان الStackPanel لديها طريقتين لترتيب العناصر ، اما Vertical او Horizontal وهذا بالفعل موجود ايضا في الWrapPanel :

[صورة مرفقة: KhVyaJW.png]



















ملاحظة :- تاكد ان Anchor مفعل في كلا الجهتين ، عشان كل ماتكبر الWindow ، يكبر معاه ال WrapPanel :

[صورة مرفقة: 57ybED6.png]















امثلة على استخدام الـWrapPanel




طبعا اقوى استخدام للـWrapPanel هو الCalendar

[صورة مرفقة: OG2TnYm.png]




وايضا استخدام قوي اخر هو في واجهات الMetro :

[صورة مرفقة: windows-8-apps-get-an-update.jpg]













الدرس بسيط كما ترون ، فالذي قام بمشاهدة درس الـ Stackpanel يدرك سهولة وغرض الWrapPanel

ولا توجد هناك خواص اضافية في الWrapPanel ، حيث انها موروثة من الـ Stackpanel بغرض ميزة واحدة فقط ، وهي النزوح الى سطر جديد ، او النزوح الى عمود جديد (في حالة الVertical - لايستعمل كثيرا-) .

يكون النزوح الى سطر جديد عندما لا يكون هناك Width كافي في الWrapPanel .. ويكون النزوح الى عمود جديد عندما لايكون هناك Height كافي في الWrapPanel .


لاتوجد مهمة في هذا الدرس .





انتهى
الرد }}}
#2
السلام عليكم
جزاك الله خيرا يا استاذنا القدير
الرد }}}
تم الشكر بواسطة: الشاكي لله
#3
وعليكم السلام ورحمة الله وبركاته

طيب أخي محمد ، لماذا لا تكتفي ميكروسوفت بهذه الأداة والاستغناء عن Stackpanel ؟

يعني هل يوجد حالة أُلزم فيها باستخدام Stackpanel ويكون خيار WrapPanel غير صحيح ؟

وجزاك الله خير.
قال رسول الله صلى الله عليه وسلم ( من قال لا إله إلا الله دخل الجنة ) حديث صحيح.
قال رسول الله صلى الله عليه وسلم ( كلمتان خفيفتان على اللسان ثقيلتان في الميزان حبيبتان للرحمن : سبحان الله وبحمده سبحان الله العظيم ) حديث صحيح.
الرد }}}
تم الشكر بواسطة:
#4
(25-06-14, 08:57 PM)عبد الله كتب : وعليكم السلام ورحمة الله وبركاته

طيب أخي محمد ، لماذا لا تكتفي ميكروسوفت بهذه الأداة والاستغناء عن Stackpanel ؟

يعني هل يوجد حالة أُلزم فيها باستخدام Stackpanel ويكون خيار WrapPanel غير صحيح ؟

وجزاك الله خير.


نستخدم الStackPanel عندما نحتاج الى صف او عمود واحد لادراج العناصر

لننظر الى حالة الCalander :

[صورة مرفقة: OG2TnYm.png]


في المثال اعلاه توجد 5 صفوف من الButtons .. تخيل انه في هذا المثال قمنا باستخدام الStackpanel بدل WrapPanel ، سنضطر الى وضع 5 من stackpanel الافقية لتغطية كل صف (5 صفوف).


لان stackpanel تضيف العناصر في صف واحد فقط ، ولاتنزل لسطر جديد ابدا ، واضن ان الامثلة السابقة والامثلة الحالية توضح المقصود جيدا


تخيل المثال التالي المعمول بواسطة Stackpanel :

[صورة مرفقة: hrwbU6C.png]


تخيل اننا قمنا بعمله بواسطة WrapPanel ، وقام المستخدم بتقليل الWidth ، سينزل الزر Maybe الى سطر جديد وهذا ابدا غير مقبول ، فافضل شيئ في حالة ازرار الDialog هو الStackPanel


انا عجل ليش اخلي في هالدروس قسم باسم الامثة ، راجعه من جديد في كلا الدرسين وبتعرف الحالات جيدا ، او حتى في صورGoogle اكتب stackpanel wpf مثلا وبتطلع لك صور واجهات تستعمل هذي الادوات



عشان تثبت المعلومة اكثر ، قم بالتطبيق وامبيك تسوي Calander بسيط بواسطة الButtons وباستعمال WrapPanel



موفق اخي الكريم ,,,
الرد }}}
تم الشكر بواسطة: hoob computer , Japan , عبد الله
#5
مقارنة عند اضافة العناصر للأداتين :




StackPanel


[صورة مرفقة: KNLeUHH.gif]




WrapPanel


[صورة مرفقة: blT1zKm.gif]
الرد }}}
تم الشكر بواسطة: hoob computer , Japan , احمد تيم , عبد الله
#6
دورة ممتعة جداً و شرح متعوب عليه ...

جزاك الله خيراً يا أخي محمد.
ربي يوفقك Smile


السلام عليكم
الرد }}}
تم الشكر بواسطة: احمد تيم
#7
الله يعطيك العافية
دروس رهيبة
إن شاء الله
متابعك درس بدرس Shy
الرد }}}
تم الشكر بواسطة:


المواضيع المحتمل أن تكون متشابهة .
الموضوع : الكاتب الردود : المشاهدات : آخر رد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الثاني) الشاكي لله 9 8,505 06-12-20, 04:09 AM
آخر رد: Mohammed1991
  [WPF حتى الاحتراف] {1} - إنشاء برنامجك الاول الشاكي لله 30 24,446 14-10-18, 08:34 AM
آخر رد: qadar elzaman
  [WPF حتى الاحتراف] {0} - نظرة عامة عن WPF الشاكي لله 14 13,326 14-10-18, 07:58 AM
آخر رد: qadar elzaman
  [WPF حتى الاحتراف] {4.6} - الـ Data Template و الـ Sample Data الشاكي لله 14 12,462 05-03-17, 09:47 AM
آخر رد: dabas
  [WPF حتى الاحتراف] {4.3} - الـTemplate ومقدمة عن الـTrigger الشاكي لله 8 7,938 25-01-17, 04:45 AM
آخر رد: hero2199
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الاول) الشاكي لله 5 5,960 02-12-16, 11:07 PM
آخر رد: alsef
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (3- الانميشن) الشاكي لله 16 10,472 02-06-16, 02:53 PM
آخر رد: CLARO
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (2- البرمحة) الشاكي لله 1 3,237 14-05-16, 11:54 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (1- التصميم) الشاكي لله 1 3,219 14-05-16, 11:27 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.3} - اداة الـ Grid الشاكي لله 14 10,839 31-03-16, 11:11 PM
آخر رد: السندبااد

التنقل السريع :


يقوم بقرائة الموضوع: