一 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前者是按照窗口大小自动调整里面的东西的大小,后者是产生滚动条