当前位置:首页 > 编程笔记 > 正文
已解决

WPF布局控件之DockPanel布局

来自网友在路上 170870提问 提问时间:2023-11-05 15:38:32阅读次数: 70

最佳答案 问答题库708位专家为你答疑解惑

前言:博主文章仅用于学习、研究和交流目的,不足和错误之处在所难免,希望大家能够批评指出,博主核实后马上更改。

概述:

DockPanel 位置子控件基于子 Dock 属性,你有 4 个选项停靠,左 (默认) ,右,上,下。 如果希望添加到 DockPanel 的最后一项填充剩余空间,可以将 DockPanel LastChildFill 属性设置为 true。

名称说明Grid网格,根据自定义行和列来设置控件的布局StackPanel栈式面板,包含的元素在竖直或水平方向排成一条直线WrapPanel自动折行面板,包含的元素在排满一行后,自动换行DockPanel泊靠式面板,内部的元素可以选择泊靠方向UniformGrid网格,UniformGrid就是Grid的简化版,每个单元格的大小相同。Canvas画布,内部元素根据像素为单位绝对坐标进行定位Border装饰的控件,此控件用于绘制边框及背景,在Border中只能有一个子控件

一、DockPanel

常用属性数据类型可选值说明DockPanelDockLeft、Top、Right、BottomMarginThickness获取或设置元素的外边距HorizontalAlignmentHorizontalAlignmentCenter(中心)/Left(靠左)/Right(靠右)/Stretch(拉伸以填充父元素)决定内部元素在水平方向的对齐方式VerticalAlignmentVerticalAlignmentTop(上方)/Center(中心)/Bottom(下方)/Stretch(拉伸以填充父元素)决定内部元素在垂直方向的对齐方式Opacitydouble透明度LastChildFillbool获取或设置一个值,该值指示 DockPanel 中的最后一个子元素是否拉伸以填充剩余的可用空间,默认为True(填充)

LastChildFill=“True” 默认全部填充

 <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>

在这里插入图片描述

总结

在实际工作中,我们可以使用DockPanel、HorizontalAlignment、VerticalAlignment,LastChildFill 这四个个属性组合各种排列和对齐方式。

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"WPF布局控件之DockPanel布局":http://eshow365.cn/6-32788-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!