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

前者是按照窗口大小自動調整里面的東西的大小，后者是產生滾動條