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







الـStackPanel



الـStackPanel هي أداة من ادوات الLayout ، نمط ترتيب العناصر فيها بشكل "تتابعي" حيث ان العناصر تكون جنب بعض :













خصائص مهمة






Orientation


خاصية تقبل قيمتين .. اما Vertical او Horizontal

حيث تقوم هذه الخاصية بجعل الـstackpanel يرتب عناصره بشكل افقي او عمودي :







كود المسؤول عن تكوين العناصر اعلاه :
PHP كود :
<StackPanel Margin="150,22,152,236">
            <
Button Content="Button"/>
            <
Button Content="Button"/>
            <
Button Content="Button"/>
        </
StackPanel>
        <
StackPanel Orientation="Horizontal" Margin="150,127,152,141">
            <
Button Content="Button" Height="51"/>
            <
Button Content="Button" Height="51"/>
            <
Button Content="Button" Height="51"/>
        </
StackPanel





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





Margin


خاصية تعرفنا على اهميتها سابقا ، ولكن نستعرضها مجددا لانها تستخدم كثيرا مع الStack panel ..


والصورة التالية توضح فائدتها مع الstackpanel :




ملاحظة : تعيين الMargin يتم على الButtons وليس على الStackpanel
في الصورة السابقة تم تعيين Margin left بقيمة 20 للButton






الكود المسؤول عن توليد العناصر اعلاه :
PHP كود :
<StackPanel Orientation="Horizontal">
                <
Button Content="Button" Height="51"/>
                <
Button Content="Button" Height="51"/>
                <
Button Content="Button" Height="51" Margin="10,0,0,0"/>
                <
Button Content="Button" Height="51" Margin="20,0,0,0"/>
            </
StackPanel





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





Opacity


خاصية ليست حكرا على الStack panel ولكن فقط على وجه المعرفة سنذكرها هنا ..

تقوم هذه الخاصية بضبط شفافية العناصر ، فهذه الخاصية توجد لجميع العناصر المرئية وتوجد ايضا للContainers والStackpanel الذي يعتبر كـ Container .



صورة توضح الفرق :












الStackPanel اساس الList


نعم الStackpanel هي اساس كل ادوات الList مثل Listbox , Listview , Datagrid واعذروني اذا نسيت وحدة Big Grin


كيف ذلك ؟؟؟ ، شاهد الصورة جيدا :




يعني لو فككنا الListbox ، سنجد انها تتكون من stackpanel لترتيب العناصر (التي تكون عبارة عن textblock) بشكل "عمودي" اي باستعمال خاصية Orientation vertical


سنتعلم في الدروس القادمة كيفية تفكيك الControls وتعديل اشكالها وصناعة style وغرها











امثلة عن الStackpanel




















المهمة



مهمتكم اخواني الاعزاء هي صناعة النموذج التالي بواسطة الStackpanel كما في الشكل التالي :





لاتغشون وتستعملون الGrid Big Grin امبيكم تستخدمون الStackpanel

فكل اداة لها استعمالها الخاص ، رغم امكانية استعمال بعضها في مواقف عديدة .






شكرا للمتابعة وفي امان الله ورعايته ...






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


الملفات المرفقة
.zip   vb4arb.zip (الحجم : 226.97 ك ب / التحميلات : 87)
الرد }}}
#3
إستمر بالدورة الرائعة يا أخي ... متابع معك Smile

لو وصلت لدرس لا أعرف عنه أي معلومة سأقوم بتطبيقه فوراً Wink


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

وصل عمل الواجب تبع الدرس ...

   

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

اليوم ان شاء الله درس 3.5 الي بكون عن WrapPanel
الرد }}}
تم الشكر بواسطة: hoob computer , Japan


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

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


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