样式化RadialMenu
类的某些元素的外观,此帮助主题将解释如何自定义RadialMenu控制。
在继续之前,请检查设置主题的话题。
我们将讨论以下主题:
RadialMenu样式属性
RadRadialMenu提供了ContentMenuBackgroundStyle和NavigationMenuBackgroundStyle属性,用于定义控件的ContentMenu和NavigationMenu部分的背景。它们的默认值分别是ContentMenuStyle和NavigationMenuStyle,并接收矩形元素作为TargetType。
下面的代码片段展示了如何定制这些属性。
示例1:定义Style属性
<用户控件。资源>
例2:将Style属性设置为RadialMenu
< / telerik: RadRadialMenu >
![Rad径向菜单样式径向菜单01](http://www.aliitrade.com/docs/docs/devtools/wpf/controls/radradialmenu/styles-and-templates/images/RadRadialMenu_Styling_RadialMenu_01.png)
自定义NavigationItemButtons样式
为了改变导航按钮的外观,您需要创建一个样式,并将TargetType设置为NavigationItemButton基于默认NavigationItemButtonStyle并修改所需的属性。示例3演示了如何更改背景、前景(实际用于箭头元素)和边框颜色。
例3:自定义NavigationButtons
<用户控件。资源>
![Rad径向菜单样式径向菜单02](http://www.aliitrade.com/docs/docs/devtools/wpf/controls/radradialmenu/styles-and-templates/images/RadRadialMenu_Styling_RadialMenu_02.png)
自定义VisualStatesItemPresenter样式
VisualStatesItemPresenter是用来标记选中和高亮显示的RadialMenuItems的元素。同样,要更改它的样式,您需要将TargetType设置为的新样式添加到资源中VisualStatesItemPresenter基于默认值VisualStatesItemPresenterStyle如示例4.
例4:自定义VisualStatesItemPresenter
<用户控件。资源>
![Rad径向菜单样式径向菜单03](http://www.aliitrade.com/docs/docs/devtools/wpf/controls/radradialmenu/styles-and-templates/images/RadRadialMenu_Styling_RadialMenu_03.png)
方法还可以设置另外两个属性VisualStatesItemPresenterStyle:
ThicknessFactor属性的厚度设置因子VisualStatesItemPresenter只是大小的一小部分NavigationItemButton.取值范围在0到1之间。如果传递的值在此范围之外,则自动将其设置为最近的边界值。
ArrowThicknessFactor控件的箭头部分的厚度设置因子VisualStatesItemPresenter只是大小的一小部分NavigationItemButton.取值范围在0到1之间。如果传递的值在此范围之外,则自动将其设置为最近的边界值。
示例5将显示如何设置这些属性:
例5:自定义厚度和箭头厚度的VisualStatesItemPresenter
<用户控件。资源>
![Rad径向菜单样式径向菜单04](http://www.aliitrade.com/docs/docs/devtools/wpf/controls/radradialmenu/styles-and-templates/images/RadRadialMenu_Styling_RadialMenu_04.png)