2.StackPanel栈布局:
StackPanel栈布局--(通过Orientation的Horizontal或者Vertical来控制水平还是垂直排列)其运用地方,如:button按钮只能有一个content属性设置,通过StackPanel"占位",可以设置多个。
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
![黑马程序员--WPF学习笔记二-----WPF常用页面布局_dockpanel](https://s2.51cto.com/images/editer/InBlock.gif)
在里面的控件可以随着面板的变换而变化,应用举例如下:
<DockPanel>
<Menu DockPanel.Dock="Top" HorizontalAlignment="Left" Height="26" Margin="0,0,0,0" VerticalAlignment="Top" Width="264">
<MenuItem Header="文件">
<MenuItem Header="打开">
<MenuItem Header="1.txt"></MenuItem>
<MenuItem Header="2.txt"></MenuItem>
<MenuItem Header="3.txt"></MenuItem>
</MenuItem>
<MenuItem Header="保存"></MenuItem>
<MenuItem Header="另存为"></MenuItem>
<MenuItem Header="退出"></MenuItem>
</MenuItem>
<MenuItem Header="编辑">
<MenuItem Header="复制"></MenuItem>
<MenuItem Header="粘贴"></MenuItem>
</MenuItem>
</Menu>
<TextBox TextWrapping="Wrap" DockPanel.Dock="Bottom" ScrollViewer.VerticalScrollBarVisibility="Auto"></TextBox>
</DockPanel>
</Grid>
4.Grid网格布局:
使用网格布局,使用拖动控件到向指定的位置,在grid中控制控件位置的是其margin属性.
margin有四个值:left\top\right\bottom,其代表距离父控件的左上右下的距离。
举例: 定义3行4列以及在其中放置控件
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
<ColumnDefinition></ColumnDefinition>
</Grid.ColumnDefinitions>
<TextBlock Grid.Row="1" Grid.Column="1" VerticalAlignment="Center" Text="(1,1)"></TextBlock>
<Image Source="1.jpg" Grid.Row="3" Grid.Column="0" Grid.ColumnSpan="2"></Image>
<Image Source="1.jpg" Grid.Row="0" Grid.Column="0" Grid.RowSpan="2"></Image>
</Grid>
小应用,创建连连看布局,可以使用Grid布局,其思路:
1.生产10*10的一个grid
3.动态创建控件对象