昆山室內(nèi)設(shè)計學(xué)校百度seo點擊軟件
前言：博主文章僅用于學(xué)習(xí)、研究和交流目的，不足和錯誤之處在所難免，希望大家能夠批評指出，博主核實后馬上更改。
概述：
DockPanel 位置子控件基于子 Dock 屬性，你有 4 個選項?？?#xff0c;左 (默認(rèn)) ，右，上，下。 如果希望添加到 DockPanel 的最后一項填充剩余空間，可以將 DockPanel LastChildFill 屬性設(shè)置為 true。
| 名稱 | 說明 |
|---|---|
| Grid | 網(wǎng)格，根據(jù)自定義行和列來設(shè)置控件的布局 |
| StackPanel | 棧式面板，包含的元素在豎直或水平方向排成一條直線 |
| WrapPanel | 自動折行面板，包含的元素在排滿一行后，自動換行 |
| DockPanel | 泊靠式面板，內(nèi)部的元素可以選擇泊靠方向 |
| UniformGrid | 網(wǎng)格,UniformGrid就是Grid的簡化版，每個單元格的大小相同。 |
| Canvas | 畫布，內(nèi)部元素根據(jù)像素為單位絕對坐標(biāo)進行定位 |
| Border | 裝飾的控件，此控件用于繪制邊框及背景，在Border中只能有一個子控件 |
一、DockPanel
| 常用屬性 | 數(shù)據(jù)類型 | 可選值 | 說明 |
|---|---|---|---|
| DockPanel | Dock | Left、Top、Right、Bottom | |
| Margin | Thickness | 獲取或設(shè)置元素的外邊距 | |
| HorizontalAlignment | HorizontalAlignment | Center（中心）/Left（靠左）/Right（靠右）/Stretch（拉伸以填充父元素） | 決定內(nèi)部元素在水平方向的對齊方式 |
| VerticalAlignment | VerticalAlignment | Top（上方）/Center（中心）/Bottom（下方）/Stretch（拉伸以填充父元素） | 決定內(nèi)部元素在垂直方向的對齊方式 |
| Opacity | double | 透明度 | |
| LastChildFill | bool | 獲取或設(shè)置一個值，該值指示 DockPanel 中的最后一個子元素是否拉伸以填充剩余的可用空間，默認(rèn)為True（填充） |
LastChildFill=“True” 默認(rèn)全部填充
<DockPanel LastChildFill="True"><Button DockPanel.Dock="Top" Content="Button Top"/><Button DockPanel.Dock="Left" Content="ButtonLeft"/><Button DockPanel.Dock="Right" Content="Button Right"/><Button DockPanel.Dock="Bottom" Content="Button Bottom"/><Button Content="Button Center"/></DockPanel>
LastChildFill=“False”
<DockPanel LastChildFill="False"><Button DockPanel.Dock="Top" Content="Button Top"/><Button DockPanel.Dock="Left" Content="ButtonLeft"/><Button DockPanel.Dock="Right" Content="Button Right"/><Button DockPanel.Dock="Bottom" Content="Button Bottom"/><Button Content="Button Center"/>
</DockPanel>
Opacity=“0.1”
<DockPanel Opacity="0.1"><Button DockPanel.Dock="Top" Content="Button Top"/><Button DockPanel.Dock="Left" Content="ButtonLeft"/><Button DockPanel.Dock="Right" Content="Button Right"/><Button DockPanel.Dock="Bottom" Content="Button Bottom"/><Button Content="Button Center"/></DockPanel>
Margin=“20”
<DockPanel Margin="20"><Button DockPanel.Dock="Top" Content="Button Top"/><Button DockPanel.Dock="Left" Content="ButtonLeft"/><Button DockPanel.Dock="Right" Content="Button Right"/><Button DockPanel.Dock="Bottom" Content="Button Bottom"/><Button Content="Button Center"/>
</DockPanel>
總結(jié)
在實際工作中，我們可以使用DockPanel、HorizontalAlignment、VerticalAlignment,LastChildFill 這四個個屬性組合各種排列和對齊方式。