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

一、演示概述
此演示展示了如何通过设置RadDocking的CompassStyle和RootCompassStyle来控制停靠罗盘指示器的停靠行为,从而方便的实现对面板的上下左右和居中的停靠。
相关下载(屏幕录像): http://yunpan.cn/cya8q8RgIG8py  提取码 cf15
在线播放: http://v.youku.com/v_show/id_XODc1OTcxMjI4.html
温馨提示:如果屏幕录像和代码不能正常下载,可站内留言,或发邮件到[email protected]


二、运行效果

效果如下图所示:
[Telerik]RadDocking第03篇 设置RadDocking的停靠指示器样式_第1张图片

三、关键代码
下面的代码分别设置了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

你可能感兴趣的:([Telerik]RadDocking第03篇 设置RadDocking的停靠指示器样式)