Telerik UI for WPF?下载30天免费试用

样式化RadialMenu

类的某些元素的外观,此帮助主题将解释如何自定义RadialMenu控制。

在继续之前,请检查设置主题的话题。

我们将讨论以下主题:

RadialMenu样式属性

RadRadialMenu提供了ContentMenuBackgroundStyleNavigationMenuBackgroundStyle属性,用于定义控件的ContentMenu和NavigationMenu部分的背景。它们的默认值分别是ContentMenuStyle和NavigationMenuStyle,并接收矩形元素作为TargetType。

下面的代码片段展示了如何定制这些属性。

示例1:定义Style属性

<用户控件。资源>  

例2:将Style属性设置为RadialMenu

  < / telerik: RadRadialMenu >
图1:定制的RadialMenuRad径向菜单样式径向菜单01

自定义NavigationItemButtons样式

为了改变导航按钮的外观,您需要创建一个样式,并将TargetType设置为NavigationItemButton基于默认NavigationItemButtonStyle并修改所需的属性。示例3演示了如何更改背景、前景(实际用于箭头元素)和边框颜色。

例3:自定义NavigationButtons

<用户控件。资源> 
图2:自定义导航按钮Rad径向菜单样式径向菜单02

自定义VisualStatesItemPresenter样式

VisualStatesItemPresenter是用来标记选中和高亮显示的RadialMenuItems的元素。同样,要更改它的样式,您需要将TargetType设置为的新样式添加到资源中VisualStatesItemPresenter基于默认值VisualStatesItemPresenterStyle示例4

例4:自定义VisualStatesItemPresenter

<用户控件。资源> 
图3:定制的VisualStatesItemPresenterRad径向菜单样式径向菜单03

方法还可以设置另外两个属性VisualStatesItemPresenterStyle

  • ThicknessFactor属性的厚度设置因子VisualStatesItemPresenter只是大小的一小部分NavigationItemButton.取值范围在0到1之间。如果传递的值在此范围之外,则自动将其设置为最近的边界值。

  • ArrowThicknessFactor控件的箭头部分的厚度设置因子VisualStatesItemPresenter只是大小的一小部分NavigationItemButton.取值范围在0到1之间。如果传递的值在此范围之外,则自动将其设置为最近的边界值。

示例5将显示如何设置这些属性:

例5:自定义厚度和箭头厚度的VisualStatesItemPresenter

<用户控件。资源> 
图3:自定义厚度属性Rad径向菜单样式径向菜单04

另请参阅

在本文中
Baidu
map