منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب

نسخة كاملة : [WPF حتى الاحتراف] {3.6} - اداة الـ DockPanel
أنت حالياً تتصفح نسخة خفيفة من المنتدى . مشاهدة نسخة كاملة مع جميع الأشكال الجمالية .
لسلام عليكم ورحمة الله وبركاته











الـDockPanel



هي اداة من ادوات الLayout ، تستخدم لترتيب العناصر على حسب جهة محددة :-







كود XAML المسؤول عن تكوين العناصر السابقة :

PHP كود :
<DockPanel LastChildFill="True">
 
   <Button Content="Dock=Top" DockPanel.Dock="Top"/>
 
   <Button Content="Dock=Bottom" DockPanel.Dock="Bottom"/>
 
   <Button Content="Dock=Left"/>
 
   <Button Content="Dock=Right" DockPanel.Dock="Right"/>
 
   <Button Content="LastChildFill=True"/>
</
DockPanel













خواص مهمة







خاصية DockPanel.Dock



هي خاصية تُعين من العنصر الذي في داخل الDockPanel ، من خلال هذه الخاصية تحدد الجهة التي تريد وضع العنصر فيها ، حيث تحدد العنصر المراد تغيير جهته وتذهب الى صندوق الخصائص وتغير قيمة خاصية DockPanel.Dock


وهي خاصية تعتبر AttachedProperty لانها خاصية تابعة للDockPanel لكن تم "الحاقها" للButton ، سنذكر تفاصيلها في موضوع اخر .





--------------------






خاصية LastChildFill



على عكس الخاصية السابقة فهذه الخاصية تعين للDockPanel نفسه ، ومن اسمها يتضح انها تجعل اخر عنصر من ابنائها  يملأ المساحة المتبقية في DockPanel :
















Multiple elements on one side



لعلك قد تحتاج لإضافة عنصرين في نفس الجهة ، فذلك ممكن ايضا ..

ويتم ذلك بكل سهولة بتعيين قيمة خاصية DockPanel.Dock لكل من العنصرين بنفس الاتجاه






كود Xaml :

PHP كود :
<DockPanel LastChildFill="True">
 
   <Button Content="Dock=Left"/>
 
   <Button Content="Dock=Left"/>
 
   <Button Content="Dock=Top" DockPanel.Dock="Top"/>
 
   <Button Content="Dock=Bottom" DockPanel.Dock="Bottom"/>
 
   <Button Content="Dock=Right" DockPanel.Dock="Right"/>
 
   <Button Content="LastChildFill=True"/>
</
DockPanel














برامج حقيقية تستعمل الDockPanel



الDockpanel عملي للغاية ويستعمل في اكبر البرامج وخاصة برامج الStudio  
لعلكم رايتم مثل هذه الحالة في الفيجوال ستوديو :-








لكن في الحقيقة الDockpanel القياسية لايمكنها عمل مثل الظاهر في الصورة ، ليس صعبا لكن يتطلب منك بعض الوقت لتعديلها واضافة احداث وماشابه ..


لذلك بعض المبرمجين المستقلين قاموا ببناء مكتبات تمكنك من القيام بمثل وظيفة الشكل اعلاه :-


WPF Docking Library












المهمة


المهمة المطلوبة منكم اخواني هي تنفيذ النموذج التالي :-








انتهى
وعليكم السلام

في البداية احب اشكرك على الدروس التي تقدمها

لقد انتهيت من انجاز المهمة
(27-06-14, 06:38 PM)salfig كتب : [ -> ]وعليكم السلام

في البداية احب اشكرك على الدروس التي تقدمها

لقد انتهيت من انجاز المهمة

100%
السلام عليكم
اشكركم جزيل الشكر يا استاذ على هذه الدروس الاكثر من رائعة
الملف في المرفقات
وعليكم السلام ورحمة الله وبركاته

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


[attachment=2087]
ممتعة الدورة جداً ...
جزاك الله خيراً

السلام عليكم