使用Grid,能夠在行和列中排列控件。佈局
對於每一列,能夠指定一個ColumnDefinition;對於每一行,能夠指定一個RowDefinition。spa
下面的示例代碼顯示兩列和三行。code
在每一列和每一行中,均可以指定寬度或高度。xml
ColumnDefinition有一個Width依賴屬性,RowDefinition有一個Height依賴屬性。blog
能夠以像素,釐米,英寸或點爲單位定義高度和寬度,或者把它們設置爲Auto,根據內容來肯定其大小。it
Grid還容許根據具體狀況指定大小,即根據可用的空間以及於其餘行和列的相對位置,計算行和列的空間。io
在爲列提供可用空間時,能夠將Width屬性設置爲"*"。要使某一列的空間是另外一列的兩倍,應指定「2*」。下面的示例代碼定義了兩列和三行,但沒有定義列定義和行定義的其餘設置,默認使用根據具體狀況指定大小的設置ast
<Window x:Class="Panel佈局.Grid" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Grid" Height="300" Width="300"> <Grid ShowGridLines="True"> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions> <Label Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="0" VerticalAlignment="Center" HorizontalAlignment="Center" Content="Title"/> <Label Grid.Column="0" Grid.Row="1" VerticalAlignment="Center" HorizontalAlignment="Center" Content="FirstName:"/> <TextBox Grid.Column="1" Grid.Row="1" Width="100" VerticalAlignment="Center" HorizontalAlignment="Center"/> <Label Grid.Column="0" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center" Content="LastName:"/> <TextBox Grid.Column="1" Grid.Row="2" Width="100" VerticalAlignment="Center" HorizontalAlignment="Center"/> </Grid> </Window>