WrapPanel 和 DockPanel

案头见蠹鱼，犹胜凡俦侣。这篇文章主要讲述WrapPanel 和 DockPanel相关的知识，希望能为你提供帮助。
WrapPanel 和 DockPanel 两个是比较简单的布局容器. 这两个控件将弥补 StackPanel 的某些不足
WrapPanel 控件:
该控件一句 Orientation 属性, 在垂直堆放控件或者行中放置控件方面, WrapPanel
于 StackPanel 类似. 除了堆叠放外, WrapPanel 还包含的控件提供了换行支持. 如果在
WrapPanel 控件提供的内容宽度超过了容器,就会自动换行.
DockPanel 控件:
DockPanel 提供了停靠支持. 以便可以停靠在面板一侧其他控件容易定位.

WrapPanel

< Grid> < WrapPanelMargin="3"> < Button VerticalAlignment="Top"> 顶层按钮< /Button> < ButtonMinHeight="60"> 较高按钮< /Button> < ButtonVerticalAlignment="Bottom"> 底部按钮< /Button> < Button> 拉伸按钮< /Button> < ButtonVerticalAlignment="Center"> 中间按钮< /Button> < /WrapPanel> < /Grid>

效果图:

文章图片

DockPanel

< Grid> < !-- NOTE: LastChildFill 属性设置为TRUE ,这个是默认设置,则无论对 DockPanel 的最后一个元素的其他任何停靠值是什么, 该子元素都始终填满剩余的空间. 要讲子元素停靠在另外一个方向, 必须将 LastChildFill属性设置为 FALSE,还必须最后子元素设置显示的停靠方向. --> < !--< DockPanelLastChildFill="True"> --> < DockPanelLastChildFill="False"> < Button DockPanel.Dock="Top"> 顶部停靠< /Button> < Button DockPanel.Dock="Bottom"> 底部停靠< /Button> < Button DockPanel.Dock="Left"> 左侧停靠< /Button> < Button DockPanel.Dock="Right"> 右侧停靠< /Button> < !--< Button> 剩余空间< /Button> --> < Button DockPanel.Dock="Top"> 剩余空间< /Button> < /DockPanel> < /Grid>

【WrapPanel 和 DockPanel】