布局容器
1、stackpanel容器 水平或垂直排列元素
<StackPanel Orientation="Horizontal"> 设置水平方向,默认是垂直方向
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
</StackPanel>
如图
WrapPanel容器
特点:具备自动换行
<WrapPanel Orientation="Horizontal">
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
<Button Width="100" Height="40"/>
</WrapPanel>
如图:
DockPanel
特点:根据容器的边界进行上下左右的设置,默认情况下最后一个按钮在最左边
<DockPanel LastChildFill="False"> LastChildFill设置位false,一个按钮就会在最下面
<Button Width="100" Height="40" DockPanel.Dock="Left"/>
<Button Width="100" Height="40" DockPanel.Dock="Right"/>
<Button Width="100" Height="40" DockPanel.Dock="Top"/>
<Button Width="100" Height="40" DockPanel.Dock="Bottom"/
</DockPanel>
grid容器
特点:相当于一个tabel表格,可以把它分为几行几列
<Grid>
<Grid.RowDefinitions><!--行定义-->
<RowDefinition/> <!--设置了两行-->
<RowDefinition/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions><!--设置列定义-->
<ColumnDefinition/><!--设置了两列-->
<ColumnDefinition/>
</Grid.ColumnDefinitions>
分出行之后就有块,选择每一块的设置,每一行和每一列都默认是第0行和第0列
<Border Background="Red"/>
<Border Grid.Column="1" Background="Green"/>
<Border Grid.Column="1" Grid.Row="1" Background="Blue"/>
<Border Grid.Column="0" Grid.Row="1" Background="Black"/>
</Grid>
设置每块的大小,列有宽,行有高
Canvas容器,相当于画板(用的少)