منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب
[WPF حتى الاحتراف] {3.4} - اداة الـ StackPanel - نسخة قابلة للطباعة

+- منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب (http://vb4arb.com/vb)
+-- قسم : قسم لغات البرمجة الاخرى (http://vb4arb.com/vb/forumdisplay.php?fid=4)
+--- قسم : قسم البرمجة بتقنية WPF (http://vb4arb.com/vb/forumdisplay.php?fid=86)
+---- قسم : قسم دورات تقنية WPF (http://vb4arb.com/vb/forumdisplay.php?fid=87)
+---- الموضوع : [WPF حتى الاحتراف] {3.4} - اداة الـ StackPanel (/showthread.php?tid=3310)

[WPF حتى الاحتراف] {3.4} - اداة الـ StackPanel - الشاكي لله - 23-06-14

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







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

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





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






انتهى

RE: [WPF حتى الاحتراف] {3.4} - الـStackPanel - Japan - 24-06-14

السلام عليكم و رحمة الله و بركاته
بارك الله فيك يا استاذ و جزاك خيرا
الملف في المرفقات

RE: [WPF حتى الاحتراف] {3.4} - الـStackPanel - hoob computer - 24-06-14

إستمر بالدورة الرائعة يا أخي ... متابع معك Smile

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


السلام عليكم

RE: [WPF حتى الاحتراف] {3.4} - الـStackPanel - عبد الله - 24-06-14

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

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

[attachment=2060]

الأداة جميلة ومريحة في العمل اكثر من الترتيب اليدوي.

RE: [WPF حتى الاحتراف] {3.4} - الـStackPanel - الشاكي لله - 25-06-14

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

اليوم ان شاء الله درس 3.5 الي بكون عن WrapPanel