码迷,mamicode.com
首页 > Windows程序 > 详细

WPF教程四;布局之DockPanel面板

时间:2017-01-13 01:15:26      阅读:607      评论:0      收藏:0      [点我收藏+]

标签:pre   中控   startup   ati   location   com   color   对象   技术分享   

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>

 

WPF教程四;布局之DockPanel面板

标签:pre   中控   startup   ati   location   com   color   对象   技术分享   

原文地址:http://www.cnblogs.com/dotnet261010/p/6280276.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!