WPF教程四:布局之DockPanel面板

DockPanel:停靠面板

      DockPanel定义一个区域,在此区域中,您可以使子元素通过描点的形式排列,这些对象位于 Children 属性中。停靠面板类似于WinForm中控件的Dock属性。DockPanel会对每个子元素进行排序,并将根据指定的边进行停靠,多个停靠在同侧的元素则按顺序排序。在DockPanel中,指定停靠边的控件,会根据定义的顺序占领边角,所有控件绝不会交叠。

     默认情况下,后添加的元素只能使用剩余空间,无论对DockPanel的最后一个子元素设置任何停靠值,该子元素都将始终填满剩余的空间。如果不希望最后一个元素填充剩余区域,可以将DockPanel属性LastChildFill设置为false,还必须为最后一个子元素显式指定停靠方向。

1、填充整个剩余空间

使用XAML代码实现:

 1 <Window x:Class="WpfDemo.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="DockPanel面板" Height="237" Width="525" WindowStartupLocation="CenterScreen">
 5     <DockPanel>
 6         <Button DockPanel.Dock="Left" Content="ButtonLeft"></Button>
 7         <Button DockPanel.Dock="Top" Content="ButtonTop"></Button>
 8         <Button DockPanel.Dock="Right" Content="ButtonRight"></Button>
 9         <Button DockPanel.Dock="Bottom" Content="ButtonBottom"></Button>
10         <Button  Content="ButtonTop"></Button>
11     </DockPanel>
12 </Window>

2、最后元素不填充剩余空间

使用XAML代码实现:

 1 <Window x:Class="WpfDemo.MainWindow"
 2         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 3         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 4         Title="DockPanel面板" Height="237" Width="525" WindowStartupLocation="CenterScreen">
 5     <DockPanel LastChildFill="False">
 6         <Button DockPanel.Dock="Left" Content="ButtonLeft"></Button>
 7         <Button DockPanel.Dock="Top" Content="ButtonTop"></Button>
 8         <Button DockPanel.Dock="Right" Content="ButtonRight"></Button>
 9         <Button DockPanel.Dock="Bottom" Content="ButtonBottom"></Button>
10         <Button  DockPanel.Dock="Top" Content="最后一个Button不填充剩余空间"></Button>
11     </DockPanel>
12 </Window>

 

posted @ 2017-01-12 23:21  .NET开发菜鸟  阅读(54652)  评论(1编辑  收藏  举报