[الشاكي لله]

لسلام عليكم ورحمة الله وبركاته

الـ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

---

المهمة


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








انتهى

[salfig]

وعليكم السلام

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

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

[الشاكي لله]

(27-06-14, 06:38 PM)salfig كتب : وعليكم السلام

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

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

100%

[Japan]

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

[عبد الله]

وعليكم السلام ورحمة الله وبركاته

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


   

[hoob computer]

ممتعة الدورة جداً ...
جزاك الله خيراً

السلام عليكم