Welcome

首页 / 软件开发 / Silverlight / Silverlight的DockPanel组件

Silverlight的DockPanel组件2013-11-15组件所在命名空间:

System.Windows.Controls

组件常用方法:

GetDock:获取指定元素Dock()附加属性的值。

SetDock:设置指定元素Dock()附加属性具体的Dock值。

组件常用属性:

LastChildFill:获取或设置一个值用来表明最后一个被添加至DockPanel的子元素是否缩放填充了剩余的 空间。

实例:

说明:通过将DockPanel组件的属性分别设置为True或False,可以观察到最后一个子元素的缩放情况。

MainPage.xaml文件代码:

<UserControl
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d" xmlns:controlsToolkit="clr- namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit" xmlns:dataInput="clr- namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.Input" x:Class="SilverlightClient.MainPage"
d:DesignWidth="320" d:DesignHeight="240">
<Grid x:Name="LayoutRoot" Width="320" Height="240" Background="White">
<Border Height="101" Margin="8,8,8,0" VerticalAlignment="Top" BorderBrush="Black" BorderThickness="1">
<!--LastChildFill属性设置为True的状态-->
<controlsToolkit:DockPanel LastChildFill="True">
<dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FF8CBEDA" Content="CT1"/>
<dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FF34E82F" Content="CT2"/>
<dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FFE6F014" Content="CT3"/>
<Button Content="CT4"/>
</controlsToolkit:DockPanel>
</Border>
<Border Margin="8,113,8,20" BorderBrush="Black" BorderThickness="1">
<!--LastChildFill属性设置为False的状态-->
<controlsToolkit:DockPanel LastChildFill="False">
<dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FF8CBEDA" Content="CT1"/>
<dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FF34E82F" Content="CT2"/>
<dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FFE6F014" Content="CT3"/>
<Button Content="CT4"/>
</controlsToolkit:DockPanel>
</Border>
</Grid>
</UserControl>