WPF布局控件相關(guān)總結(jié)概覽
WPF布局控件是一個(gè)非?;A(chǔ)的知識(shí)點(diǎn)。對(duì)于初學(xué)WPF的朋友來(lái)說(shuō), 要向熟練的應(yīng)用這一工具,首先就應(yīng)該充分掌握WPF布局控件的應(yīng)用。#t#
WPF布局控件一 Canvas
英語(yǔ)就是畫(huà)布的意思。
語(yǔ)法:
- < Canvas MinHeight="50"
- MinWidth="50" Name="canvas1">
- < /Canvas>
它里面的控件比如放一個(gè)button,則:
- < Button Canvas.Top="30"
Canvas.Left="10"> - Hello World
- < /Button>
WPF布局控件二 DockPanel
英文的意思是錨的意思
錨定的意思
語(yǔ)法:
- < DockPanel MinHeight="50"
MinWidth="50" Name=
"dockPanel1" >- < /DockPanel>
它里面的控件:
- < Menu DockPanel.Dock="Top">
- < MenuItem Header="sads">
- < /MenuItem>
- < /Menu>
其他的如果控件沒(méi)寫DockPanel.Dock
則分享剩余的DockPanel 位置
WPF布局控件三 StackPanel
英文的意思就是堆放的意思,按照順序放控件 不用調(diào)位置,自動(dòng)對(duì)齊
語(yǔ)法:
- < StackPanel Orientation=
"Horizontal" MinHeight="50"
MinWidth="50" Name="stackPanel1" >- < /StackPanel>
Orientation="Horizontal" 為排列方式
它里面的控件:
- < Button>1< /Button>
- < Button>1< /Button>
- < Button>1< /Button>
3個(gè)按鈕自己從左到右排列
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
自動(dòng)調(diào)整行和列
- < 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
前者是按照窗口大小自動(dòng)調(diào)整里面的東西的大小,后者是產(chǎn)生滾動(dòng)條