[الشاكي لله]

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

الـ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 واعذروني اذا نسيت وحدة


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

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


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

---

امثلة عن الStackpanel

---

المهمة

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

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

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

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






انتهى