有关DockPanel组件的研究——Silverlight学习笔记[32]

DockPanel组件的作用是沿着该组件的边缘安排子元素的位置。在Silverlight程序设计中,一般运用于组件界面的布局。本文将为大家介绍该组件的特性以及应用实例。

 

组件所在命名空间:

System.Windows.Controls

组件常用方法:

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

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

 

组件常用属性:

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

 

实例:

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

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="#FF34E 82F " Content="CT2"/>

                <dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FFE 6F 014" 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="#FF34E 82F " Content="CT2"/>

                <dataInput:Label Height="20" VerticalAlignment="Top" Width="20" Background="#FFE 6F 014" Content="CT3"/>

                <Button Content="CT4"/>

            </controlsToolkit:DockPanel>

        </Border>

    </Grid>

</UserControl>

 

MainPage.xaml.cs文件代码

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

 

namespace SilverlightClient

{

    public partial class MainPage : UserControl

    {

        public MainPage()

        {

            InitializeComponent();

        }

    }

}

 

最终效果图

有关DockPanel组件的研究——Silverlight学习笔记[32]_第1张图片 

作者:Kinglee
文章出处:Kinglee’s Blog ( http://www.cnblogs.com/Kinglee/)
版权声明:本文的版权归作者与博客园共有。转载时须注明本文的详细链接,否则作者将保留追究其法律责任。

你可能感兴趣的:(有关DockPanel组件的研究——Silverlight学习笔记[32])