为画笔创建 WPF ValueConverter

Question

关于 Nerd Plus今天Art博客，有一篇关于为箭头创建WPF资源的帖子，作者经常使用。 我有一个带有“后退”和“前进”按钮的副项目，因此我认为向左和向右箭头在这些按钮上效果很好。

我将 LeftArrow 和 RightArrow 几何图形添加到应用程序的资源中，然后将它们用作按钮的内容：

<Application x:Class="Notes.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    StartupUri="Views/MainWindow.xaml">
    <Application.Resources>
        <Geometry x:Key="RightArrow">M0,0 L1,0.5 0,1Z</Geometry>
        <Geometry x:Key="LeftArrow">M0,0.5 L1,1 1,0Z</Geometry>
    </Application.Resources>
</Application>

<Button x:Name="BackButton"
    Padding="5,5,5,5"
    Command="{x:Static n:Commands.GoBackCommand}">
    <Path Data="{StaticResource LeftArrow}" Width="10" Height="8"
        Stretch="Fill" Fill="Black"/>
    </Button>
<Button x:Name="ForwardButton"
    Padding="5,5,5,5"
    Command="{x:Static n:Commands.GoForwardCommand}">
    <Path Data="{StaticResource RightArrow}" Width="10" Height="8"
        Stretch="Fill" Fill="Red" />
</Button>

这有效，除了箭头被绘制为黑色，无论按钮是否启用。 因此，我创建了一个 ValueConverter 来从 bool 转换为 Brush：（

class EnabledColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter,
        CultureInfo culture)
    {
        bool b = (bool)value;
        return b ? Brushes.Black : Brushes.Gray;
    }

    public object ConvertBack(object value, Type targetType, object parameter,
        CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

我意识到我应该使用系统颜色而不是硬编码黑色和灰色，但我只是想让它工作，首先。）

我修改了 Path 的 Fill 属性以使用我的转换器（我在应用程序的资源中创建的转换器） ）：

<Path Data="{StaticResource LeftArrow}" Width="10" Height="8"
    Stretch="Fill"
    Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Button}, Path=IsEnabled, Converter={StaticResource EnabledColorConverter}}"/>

不幸的是，这不起作用，我不知道为什么。 当我运行它时，箭头根本没有被绘制。 我检查了 Visual Studio 中的“输出”窗口，没有显示绑定错误。 我还根据是否应启用按钮来验证 bool 是转换器中的正确值。

如果我将 Path 更改回 TextBlock （并以与 Path.Fill 相同的方式绑定其 Foreground 属性>)，文本始终以黑色绘制。

难道我做错了什么？ 为什么我的转换器返回的 Brush 不用于渲染按钮中的 Path？

Answer 1

对于这种 UI 状态更新，请尝试使用触发器； 它可以让你免去编写值转换器的麻烦，而且编写起来要短得多。

尝试以下操作：

<Application x:Class="Notes.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    StartupUri="Views/MainWindow.xaml">
    <Application.Resources>
        <Geometry x:Key="RightArrow">M0,0 L1,0.5 0,1Z</Geometry>
        <Geometry x:Key="LeftArrow">M0,0.5 L1,1 1,0Z</Geometry>

         <!-- Base Arrow Style, with a trigger to toggle it Gray when its parent button is disabled -->
        <Style x:Key="ArrowStyle" TargetType="Path">
            <Setter Property="Width" Value="10"/>
            <Setter Property="Height" Value="8"/>
            <Setter Property="Stretch" Value="Fill"/>
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Button}, Path=IsEnabled}" Value="False">
                    <Setter Property="Fill" Value="Gray"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>

        <!-- Left Arrow Style, with the Left Arrow fill and data -->
        <Style x:Key="LeftArrowStyle" BasedOn="{StaticResource ArrowStyle}" TargetType="Path">
            <Setter Property="Fill" Value="Black"/>
            <Setter Property="Data" Value="{StaticResource LeftArrow}"/>
        </Style>

        <!-- Right Arrow Style, with the Right Arrow fill and data -->
        <Style x:Key="RightArrowStyle" BasedOn="{StaticResource ArrowStyle}" TargetType="Path">
            <Setter Property="Fill" Value="Red"/>
            <Setter Property="Data" Value="{StaticResource RightArrow}"/>
        </Style>
    </Application.Resources>

    <Button x:Name="BackButton" Padding="5,5,5,5" IsEnabled="False">
        <Path Style="{StaticResource LeftArrowStyle}"/>
    </Button>
    <Button x:Name="ForwardButton" Padding="5,5,5,5">
        <Path Style="{StaticResource RightArrowStyle}"/>
    </Button>
</Application>

然后，分别为左箭头和右箭头设置 LeftArrowStyle 和 RightArrowStyle 的默认填充。 如果您将其设置在路径本身上，则该值将优先并覆盖样式或其触发器可能执行的任何操作。 基本样式 ArrowStyle 包含绑定到父按钮的 DataTrigger - 只要 IsEnabled 为 false，它就会触发，并将路径的填充更改为灰色。

Answer 2

为什么不将路径的填充绑定到按钮的前景呢？

<Button x:Name="BackButton"
    Padding="5,5,5,5"
    Command="{x:Static n:Commands.GoBackCommand}">
    <Path Data="{StaticResource LeftArrow}" Width="10" Height="8"
        Stretch="Fill" Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Button}, Path=Foreground"/>
    </Button>

Answer 3

你的代码基本上可以工作。 我认为您的静态资源可能是错误的，因为您没有指定从哪里获取转换器。

您可能需要

<Window.Resources>
    <conv:EnabledColorConverter x:Key="brushConv" />
</Window.Resources>

然后将您的绑定指定为：

{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=Button}, Path=IsEnabled, Converter={StaticResource brushConv}}