[Telerik]RadDocking第03篇 设置RadDocking的停靠指示器样式

一、演示概述

此演示展示了如何通过设置RadDocking的CompassStyle和RootCompassStyle来控制停靠罗盘指示器的停靠行为，从而方便的实现对面板的上下左右和居中的停靠。

相关下载（屏幕录像）：http://yunpan.cn/cya8q8RgIG8py  提取码 cf15

在线播放：http://v.youku.com/v_show/id_XODc1OTcxMjI4.html

温馨提示：如果屏幕录像和代码不能正常下载，可站内留言，或发邮件到[email protected]

二、运行效果

效果如下图所示：

三、关键代码

下面的代码分别设置了CompassStyle和RootCompassStyle样式中的IsCenterIndicatorVisible、IsLeftIndicatorVisible、IsTopIndicatorVisible、IsRightIndicatorVisible、IsBottomIndicatorVisible来控制停靠罗盘上的指示器可见性。

<telerik:RadDocking.CompassStyle>
    <Style TargetType="telerik:Compass">
        <Setter Property="IsCenterIndicatorVisible" Value="True" />
        <Setter Property="IsLeftIndicatorVisible" Value="True"/>
        <Setter Property="IsTopIndicatorVisible" Value="True"/>
        <Setter Property="IsRightIndicatorVisible" Value="True"/>
        <Setter Property="IsBottomIndicatorVisible" Value="True"/>
    </Style>
</telerik:RadDocking.CompassStyle>

<telerik:RadDocking.RootCompassStyle>
    <Style TargetType="telerik:RootCompass">
        <Setter Property="IsLeftIndicatorVisible"
                Value="False" />
        <Setter Property="IsTopIndicatorVisible"
                Value="False" />
        <Setter Property="IsRightIndicatorVisible"
                Value="False" />
        <Setter Property="IsBottomIndicatorVisible"
                Value="True" />
        <Setter Property="IsCenterIndicatorVisible"
                Value="True" />
    </Style>
</telerik:RadDocking.RootCompassStyle>

四、相关资源

1、Telerik实例代码下载：

2、Telerik官方帮助文档地址：http://docs.telerik.com/devtools/wpf/controls/raddocking/overview2