۱۹
اسفند

جلسه ۱۰ : ایجاد Layout های تو در تو در WPF

دسته‌بندی‌ها :

جزئیات
نوع محتواآموزشی

دوستان و علاقمندان به مباحث WPF وقتتون بخیر. با آموزش WPF از وب سایت آموزشی پی وی لرن همراهتون هستیم. با ایجاد Layout های تو در تو در WPF در این بخش از آموزش آشنا خواهیم شد.

ایجاد Layout های تو در تو در WPF

Layout های تو در تو به معنای استفاده از پنل Layout در داخل به عنوان مثال، یک Layout دیگر است. پانل های stack را درون یک گرید تعریف کنید. این مفهوم به طور گسترده ای مورد استفاده قرار می گیرد تا از مزایای چیدمان های متعدد در یک برنامه استفاده کند. در مثال زیر از پانل های stack ی درون یک گرید استفاده خواهیم کرد.

بگذارید نگاهی به کد XAML زیر بیندازیم.

مثال :

<Window x:Class = "WPFNestingLayouts.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:WPFNestingLayouts" 
   mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">
	
   <Grid Background = "AntiqueWhite"> 
      <Grid.RowDefinitions> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
         <RowDefinition Height = "*" /> 
      </Grid.RowDefinitions> 
		
      <Grid.ColumnDefinitions> 
         <ColumnDefinition Width = "*" /> 
      </Grid.ColumnDefinitions> 
		
      <Label Content = "Employee Info" FontSize = "15"
         FontWeight = "Bold" Grid.Column = "0" Grid.Row = "0"/> 
			
      <StackPanel Grid.Column = "0" Grid.Row = "1" Orientation = "Horizontal"> 
         <Label Content = "Name"  VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtName" Text = "Muhammad Ali" VerticalAlignment = "Center"
            Width = "200">
         </TextBox> 
      </StackPanel>
		
      <StackPanel Grid.Column = "0" Grid.Row = "2" Orientation = "Horizontal"> 
         <Label Content = "ID" VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtCity" Text = "421" VerticalAlignment = "Center"
            Width = "50">
         </TextBox> 
      </StackPanel>
		
      <StackPanel Grid.Column = "0" Grid.Row = "3" Orientation = "Horizontal"> 
         <Label Content = "Age" VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtState" Text = "32" VerticalAlignment = "Center"
            Width = "50"></TextBox> 
      </StackPanel> 
		
      <StackPanel Grid.Column = "0" Grid.Row = "4" Orientation = "Horizontal"> 
         <Label Content = "Title" VerticalAlignment = "Center" Width = "70"/> 
         <TextBox Name = "txtCountry" Text = "Programmer" VerticalAlignment = "Center"
            Width = "200"></TextBox> 
      </StackPanel> 
		
   </Grid> 
	
</Window>

<Window x:Class = "WPFNestingLayouts.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:WPFNestingLayouts"

mc:Ignorable = "d" Title = "MainWindow" Height = "350" Width = "604">

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Label Content = "Employee Info" FontSize = "15"

FontWeight = "Bold" Grid.Column = "0" Grid.Row = "0"/>

<TextBox Name = "txtName" Text = "Muhammad Ali" VerticalAlignment = "Center"

Width = "200">

</TextBox>

</StackPanel>

<TextBox Name = "txtCity" Text = "421" VerticalAlignment = "Center"

Width = "50">

</TextBox>

</StackPanel>

<TextBox Name = "txtState" Text = "32" VerticalAlignment = "Center"

Width = "50"></TextBox>

</StackPanel>

<TextBox Name = "txtCountry" Text = "Programmer" VerticalAlignment = "Center"

Width = "200"></TextBox>

</StackPanel>

</Grid>

</Window>

وقتی کد بالا را کامپایل و اجرا می کنید ، پنجره زیر را تولید می کند.

ایجاد Layout های تو در تو در WPF

توصیه می کنیم کد مثال بالا را اجرا کنید و سایر Layout های تو در تو را امتحان کنید.

کلام پایانی

ایجاد Layout های تو در تو در WPF را در این بخش از آموزش wpf مورد بررسی قرار دادیم. در بخش بعد به بررسی Input یا ورودی می پردازیم. با وب سایت پی وی لرن همراه باشید.

QR: جلسه ۱۰ : ایجاد Layout های تو در تو در WPF

به اشتراک بگذارید

Layout های تو در تو چیست؟ ,آموزش pwf ,پانل های stack در wpf ,پنل Layout در wpf ,نحوه ایجاد Layout های تو در تو

دیدگاه کاربران

تعداد دیدگاه : 0

پی وی لرن – آموزش برنامه نویسی و طراحی وب سایت

دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)

جلسه ۱۰ : ایجاد Layout های تو در تو در WPF

ایجاد Layout های تو در تو در WPF

کلام پایانی

لیست مطالب دوره

مطالب ویژه

دسته های اصلی

برگه ها

بلاگ