WPF布局基礎(chǔ)

WPF布局原則

• 一個(gè)窗口中只能包含一個(gè)元素
• 不應(yīng)顯示設(shè)置元素尺寸
• 不應(yīng)使用坐標(biāo)設(shè)置元素的位置
• 可以嵌套布局容器

WPF布局容器

• StackPanel: 水平或垂直排列元素、Orientation屬性分別: Horizontal / Vertical
• WrapPanel?: 水平或垂直排列元素、針對(duì)剩余空間不足會(huì)進(jìn)行換行或換列進(jìn)行排列
• DockPanel?: 根據(jù)容器的邊界、元素進(jìn)行Dock.Top、Left、Right、Bottom設(shè)置
• Grid?: 類(lèi)似table表格、可靈活設(shè)置行列并放置控件元素、比較常用
• UniformGrid?: 指定行和列的數(shù)量, 均分有限的容器空間
• Canvas?: 使用固定的坐標(biāo)設(shè)置元素的位置、不具備錨定停靠等功能。

布局容器詳解

StackPanel

StackPanel主要用于垂直或水平排列元素、在容器的可用尺寸內(nèi)放置有限個(gè)元素，元素的尺寸總和(長(zhǎng)/高)不允許超過(guò)StackPanel的尺寸, 否則超出的部分不可見(jiàn)。

WrapPanel

WrapPanel默認(rèn)排列方向與StackPanel相反、WrapPanel的Orientation默認(rèn)為Horizontal。

WrapPanel具備StackPanel的功能基礎(chǔ)上具備在尺寸變更后自動(dòng)適應(yīng)容器的寬高進(jìn)行換行換列處理。

DockPanel

默認(rèn)DockPanel中的元素具備DockPanel.Dock屬性, 該屬性為枚舉具備: Top、Left、Right、Bottom。

默認(rèn)情況下, DockPanel中的元素不添加DockPanel.Dock屬性, 則系統(tǒng)則會(huì)默認(rèn)添加 Left。

DockPanel有一個(gè)LastChildFill屬性, 該屬性默認(rèn)為true, 該屬性作用為, 當(dāng)容器中的最后一個(gè)元素時(shí), 默認(rèn)該元素填充DockPanel所有空間。

Grid

學(xué)過(guò)web的老弟應(yīng)該知道table表格, 而Grid與其類(lèi)似, Grid具備分割空間的能力。

RowDefinitions / ColumnDefinitions 用于給Grid分配行與列。

ColumnSpan / RowSpan 則用于設(shè)置空間元素的 跨列與闊行。

Canvas

該容器就相當(dāng)于一個(gè) "地圖", 包含內(nèi)的所有控件元素, 則都通過(guò)使用XY來(lái)定位, 由于不太常用, 所以簡(jiǎn)單掠過(guò)。