WPF布局控件相关总结概览

WPF布局控件是一个非常基础的知识点。对于初学WPF的朋友来说， 要向熟练的应用这一工具，首先就应该充分掌握WPF布局控件的应用。#t#

WPF布局控件一 Canvas

英语就是画布的意思。

语法:

1. < Canvas MinHeight="50" 
2. MinWidth="50" Name="canvas1"> 
3. < /Canvas> 

它里面的控件比如放一个button,则:

1. < Button Canvas.Top="30" 
   Canvas.Left="10"> 
2. Hello World  
3. < /Button> 

WPF布局控件二 DockPanel

英文的意思是锚的意思

锚定的意思

语法：

< DockPanel MinHeight="50" 
MinWidth="50" Name=
"dockPanel1" > 
< /DockPanel> 

它里面的控件：

< Menu DockPanel.Dock="Top"> 
< MenuItem Header="sads"> 
< /MenuItem> 
< /Menu> 

其他的如果控件没写DockPanel.Dock
则分享剩余的DockPanel 位置

WPF布局控件三 StackPanel

英文的意思就是堆放的意思，按照顺序放控件 不用调位置，自动对齐

语法：

< StackPanel Orientation=
"Horizontal" MinHeight="50" 
MinWidth="50" Name="stackPanel1" > 
< /StackPanel> 

Orientation="Horizontal" 为排列方式
它里面的控件：

< Button>1< /Button> 
< Button>1< /Button> 
< Button>1< /Button> 

3个按钮自己从左到右排列

WPF布局控件四 Grid

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

< Grid Height="200" Name="grid1" 
ShowGridLines="True" Grid.IsShared
SizeScope="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> 

WPF布局控件五 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> 

WPF布局控件六 ViewBox与ScollViewer

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