WPF中的StackPanel、WrapPanel、DockPanel

发布时间:2025-12-09 13:41:39 浏览次数:3

一、StackPanel

StackPanel是以堆叠的方式显示其中的控件

1、可以使用Orientation属性更改堆叠的顺序

上面这一段代码将把StackPanel面板里面的每个控件,从上往下排列,如图1.1所示。

Stack Items horizontally

有一个很好的例子,如有一个有“OK”和”Cancel“按钮的对话框,因为按钮上的文字可能因字体的改变而发生大小改变,我们应该避免固定按钮大小的写法。StackPanel会自动根据面板的大小的自动调整内部控件的大小。我们就不用为按钮太大或太小而烦恼了。

 <StackPanel Margin="8" Orientation="Horizontal"> <Button MinWidth="93">OK</Button> <Button MinWidth="93" Margin="10,0,0,0">Cancel</Button> </StackPanel> 

二、WrapPanel

以流的形式由左到右,由上到下显示控件,其功能类似于Java AWT布局中的FlowLayout

三、DockPanel

以上、下、左、右、中为基本结构的布局方式,类似于Java AWT布局中的BorderLayout。

但与BorderLayout不同的是,每一个区域可以同时放置多个控件,在同一区域放置的多个控件采用的布局方式为StackPanel方式。

如:

 1: <DockPanel >
 2: <Button Content="ButtonA" Width="70" DockPanel.Dock="Top" />
 3: <Button Content="ButtonB" Width="70" HorizontalAlignment="Right" DockPanel.Dock="Top" />
 4: <Button Content="ButtonC" Margin="10" DockPanel.Dock="Top" />
 5: <Button Content="ButtonD" DockPanel.Dock="Left" />
 6: <Button Content="ButtonE" DockPanel.Dock="Right" />
 7: <Button Content="ButtonF" DockPanel.Dock="Bottom" />
 8: <Button Content="ButtonG" />
 9: </DockPanel>
需要做网站?需要网络推广?欢迎咨询客户经理 13272073477