تقييم الموضوع :
  • 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 ك ب / التحميلات : 50)
الرد }}}}
تم الشكر بواسطة: الشاكي لله , مبرمج بلا حدود
#3
إستمر بالدورة الرائعة يا أخي ... متابع معك Smile

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


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

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

   

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

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


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

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


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