کنترل StackPanel در WPF – آموزش WPF

چهارشنبه ۹ تیر ۱۴۰۰
بازدید ۱,۳۰۸ نفر
یعثوب سیفی زاده
(15 امتیاز از 3 رای)
Loading...

تصویر wpf-stackpanel_10516 کنترل StackPanel در WPF - آموزش WPF

کنترل StackPanel در WPF

کنترل StackPanel یکی از پنل های مربوط به لایه بندی در XAML است که در آن عناصر فرزند در یک ردیف به صورت افقی یا عمودی (بر اساس مقدار خاصیت Orientation) قرار می گیرند. در تصویر زیر می توانید سلسله مراتب مربوط به ارث بری کنترل StackPanel را مشاهده کنید.

تصویر wpf-stackpanel_10516_1 کنترل StackPanel در WPF - آموزش WPF

مثال

در مثال زیر نحوه افزودن عناصر فرزند به کنترل StackPanel را بررسی کرده ایم. کد XAML زیر تعدادی Button را به عنوان عنصر فرزند به StackPanel اضافه می کند. همچنین خاصیت Orientation بر روی Horizontal تنظیم شده است تا عناصر فرزند به صورت افقی نمایش داده شوند. مقدار پیشفرض این خاصیت Vertical است.

<Window x:Class = "WPFStackPanel.MainWindow" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   xmlns:local = "clr-namespace:WPFStackPanel" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">	
   <Grid> 
      <StackPanel Orientation = "Horizontal"> 
         <Button x:Name = "button" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
         <Button x:Name = "button1" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
         <Button x:Name = "button2" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
         <Button x:Name = "button3" Content = "Button" Margin = "10" Width = "120" Height = "30" /> 
      </StackPanel>  
   </Grid> 	
</Window>