WPF布局控件简单介绍

一 Canvas
英语就是画布的意思
语法:
<Canvas MinHeight="50" MinWidth="50" Name="canvas1">
</Canvas>
它里面的控件比如放一个button,则:   
<Button Canvas.Top="30" Canvas.Left="10">
Hello World
</Button>

二 DockPanel
英文的意思是锚的意思
锚定的意思
语法：
 <DockPanel MinHeight="50" MinWidth="50" Name="dockPanel1" >
 </DockPanel>
它里面的控件：
<Menu DockPanel.Dock="Top">
  <MenuItem Header="sads"></MenuItem>
</Menu>
其他的如果控件没写DockPanel.Dock
则分享剩余的DockPanel 位置

三 StackPanel
英文的意思就是堆放的意思
按照顺序放控件 不用调位置，自动对齐
语法：
  <StackPanel Orientation="Horizontal" MinHeight="50" MinWidth="50" Name="stackPanel1" >
   </StackPanel>
Orientation="Horizontal" 为排列方式
它里面的控件：
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
3个按钮自己从左到右排列

四 Grid
表格的意思
它可以将界面变成几行几列，很象HTML里的Table

  <Grid Height="200" Name="grid1" ShowGridLines="True" Grid.IsSharedSizeScope="True" >
    <Grid.ColumnDefinitions ></Grid.ColumnDefinitions>
    <Grid.RowDefinitions></Grid.RowDefinitions>
   
    <Button Grid.Column="2" Grid.Row="2" Margin="10">111</Button>
    <Button Grid.Column="1" Grid.Row="1" Margin="20">2</Button>
  </Grid>

定义列宽度
<Grid.ColumnDefinitions ></Grid.ColumnDefinitions>

定义列高度
  <Grid.RowDefinitions></Grid.RowDefinitions>

五 WarpPanel
自动调整行和列
  <WrapPanel MinHeight="50" MinWidth="50" Name="wrapPanel1" >
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
    <Button>1</Button>
  </WrapPanel>

六 ViewBox与ScollViewer
前者是按照窗口大小自动调整里面的东西的大小，后者是产生滚动条