تقييم الموضوع :
  • 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 877 02-12-16, 11:07 PM
آخر رد: alsef
  [WPF حتى الاحتراف] {1} - إنشاء برنامجك الاول الشاكي لله 29 6,549 16-08-16, 11:09 AM
آخر رد: أبوبكر سويدان
  [WPF حتى الاحتراف] {4.3} - الـTemplate ومقدمة عن الـTrigger الشاكي لله 7 1,744 13-08-16, 07:01 PM
آخر رد: Anas gafer
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (3- الانميشن) الشاكي لله 16 860 02-06-16, 02:53 PM
آخر رد: CLARO
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (2- البرمحة) الشاكي لله 1 246 14-05-16, 11:54 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - ورشة عمل Pages Navigation (1- التصميم) الشاكي لله 1 225 14-05-16, 11:27 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.3} - اداة الـ Grid الشاكي لله 14 2,915 31-03-16, 11:11 PM
آخر رد: السندبااد
  [WPF حتى الاحتراف] {3.1} - الـ Layout الشاكي لله 13 3,100 17-03-16, 12:14 PM
آخر رد: mtalma
  [WPF حتى الاحتراف] {4.6} - الـ Data Template و الـ Sample Data الشاكي لله 12 2,520 14-02-16, 10:54 AM
آخر رد: السندبااد
  [WPF حتى الاحتراف] - عمل واجهة (الفيديو الخامس) الشاكي لله 4 546 18-10-15, 11:46 PM
آخر رد: الشاكي لله

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


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