23-06-14, 11:17 PM
(آخر تعديل لهذه المشاركة : 25-06-14, 02:06 PM {2} بواسطة الشاكي لله.)
السلام عليكم ورحمة الله وبركاته
الـ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
فكل اداة لها استعمالها الخاص ، رغم امكانية استعمال بعضها في مواقف عديدة .
شكرا للمتابعة وفي امان الله ورعايته ...
انتهى
انتهى