我正在尝试制作一个看起来像一个小 LED 灯的 CheckBox:选中时颜色鲜艳,未选中时为灰色。在我的应用程序中,我需要具有不同 LED 颜色的状态灯。有人告诉我“WPF 方式”是找到几乎与您想要的完全一样的控件,然后对其进行自定义,这就是我正在尝试的。
我找到了 ColorToSolidColorBrushValueConverter 的代码,它允许我将 CheckBox 的前景色转换为在填充 LED 时使用的画笔。
老实说,我现在唯一需要做的就是完成 Ellipse 的 Fill 属性上的绑定路径,但我无法确定正确的绑定字符串。我尝试过诸如 Path=Foreground、Path=Target.Foreground、Path=TargetSource.Foreground、Path=Source.Foreground、Path=Parent.Foreground 之类的东西——但没有任何东西会导致 Ellipse 显示填充颜色。
在我的代码中,我注释掉了一个触发器,该触发器设置为在未选中该框时更改颜色,因此我可以确定触发器没有出现意外行为并阻止我看到颜色。为了简洁起见,我删除了这篇文章中注释掉的代码,这就是为什么所示的这种样式目前只能显示“已检查”状态的原因。
<converters:ColorToSolidColorBrushValueConverter x:Key="ColorToBrush" />
<Style x:Key="StyleDotCheckBox" TargetType="{x:Type CheckBox}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type CheckBox}">
<StackPanel Orientation="Horizontal">
<Ellipse x:Name="ColorDot"
HorizontalAlignment="Center"
Stretch="UniformToFill"
StrokeLineJoin="Round"
Stroke="Black"
Fill="{Binding Path=Foreground, Converter={StaticResource ColorToBrush}}"
Margin="1"
/>
</StackPanel>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
我希望名为 ColorDot 的 Ellipse 会在某个时候用某种颜色填充,但它始终是空白的,我想是因为我还没有确定填充绑定的正确路径。