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










الـ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 القياسية لايمكنها عمل مثل الظاهر في الصورة ، ليس صعبا لكن يتطلب منك بعض الوقت لتعديلها واضافة احداث وماشابه ..


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












المهمة


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







انتهى
الرد }}}}
#2
وعليكم السلام

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

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


الملفات المرفقة
.zip   DockPanel.zip (الحجم : 63.37 ك ب / التحميلات : 55)
الرد }}}}
تم الشكر بواسطة: الشاكي لله , عبد الله
#3
(27-06-14, 06:38 PM)salfig كتب : وعليكم السلام

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

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

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


الملفات المرفقة
.zip   vb4arb.zip (الحجم : 226.97 ك ب / التحميلات : 45)
الرد }}}}
تم الشكر بواسطة: الشاكي لله
#5
وعليكم السلام ورحمة الله وبركاته

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


   
قال رسول الله صلى الله عليه وسلم ( من قال لا إله إلا الله دخل الجنة ) حديث صحيح.
قال رسول الله صلى الله عليه وسلم ( كلمتان خفيفتان على اللسان ثقيلتان في الميزان حبيبتان للرحمن : سبحان الله وبحمده سبحان الله العظيم ) حديث صحيح.
الرد }}}}
تم الشكر بواسطة: الشاكي لله
#6
ممتعة الدورة جداً ...
جزاك الله خيراً

السلام عليكم
الرد }}}}
تم الشكر بواسطة: الشاكي لله


المواضيع المحتمل أن تكون متشابهة .
الموضوع : الكاتب الردود : المشاهدات : آخر رد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الاول) الشاكي لله 5 727 منذ 3 ساعة مضت
آخر رد: alsef
  [WPF حتى الاحتراف] {1} - إنشاء برنامجك الاول الشاكي لله 29 6,115 16-08-16, 11:09 AM
آخر رد: أبوبكر سويدان
  [WPF حتى الاحتراف] {4.3} - الـTemplate ومقدمة عن الـTrigger الشاكي لله 7 1,613 13-08-16, 07:01 PM
آخر رد: Anas gafer
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (3- الانميشن) الشاكي لله 16 671 02-06-16, 02:53 PM
آخر رد: CLARO
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (2- البرمحة) الشاكي لله 1 177 14-05-16, 11:54 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (1- التصميم) الشاكي لله 1 176 14-05-16, 11:27 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.3} - اداة الـ Grid الشاكي لله 14 2,686 31-03-16, 11:11 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.1} - الـ Layout الشاكي لله 13 2,885 17-03-16, 12:14 PM
آخر رد: mtalma
  [WPF حتى الاحتراف] {4.6} - الـ Data Template و الـ Sample Data الشاكي لله 12 2,293 14-02-16, 10:54 AM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الخامس) الشاكي لله 4 480 18-10-15, 11:46 PM
آخر رد: الشاكي لله

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


يقوم بقرائة الموضوع: بالاضافة الى ( 1 ) ضيف كريم