如何将扩展器控件的切换按钮图标更改为“+”和“ - ”而不是箭头

时间:2011-12-05 04:40:30

标签: icons expression-blend expander togglebutton

我想将扩展器控件的切换按钮图标的图标更改为“+”和“ - ”而不是箭头...我尝试使用Blend做同样的事情...但我无法做到这一点。任何人都可以帮助实现这一目标......

1 个答案:

答案 0 :(得分:2)

您需要编辑几层深的模板。

1)在Blend中,选择Expander>编辑模板>编辑副本

这将创建一个Expander Style,但会打开" Expander Template"在风格内。

2)打开DockPanel并找到" HeaderSite"切换按钮。再次,选择编辑模板>编辑副本。

这将创建一个ToggleButton样式并打开" ToggleButton模板"用于编辑。

3)打开边框内的网格,找到"箭头"和"圈"路径。您需要将这些替换为所需的图形。

目前我不确定的是导致箭头翻转的原因。我以为它会是视觉状态,但它们似乎不会在模板中设置。话虽这么说,我的猜测是你会想要使用视觉状态来控制你在什么时间显示的图像。由于这是一个ToggleButton,请查看Checked和Unchecked状态。

编辑:扩展器模板中的HeaderSite ToggleButton IsChecked属性正在驱动箭头的翻转。它的值是父对象的IsExpanded属性的模板。 ToggleButton样式有一个ControlTemplate触发器,当IsChecked为True时,它会覆盖箭头Path的Data属性。

如果您想要更换arrow属性,则需要替换此功能。我仍然认为视觉状态比ControlTemplate触发更可取。