3

我是 WPF 的新手，我正在努力寻找我正在尝试做的事情的解决方案，因为我仍然有点不确定我是否正确地做到了这一点。

我为按钮定义了以下样式

<Style x:Key="ToolBarButtonStyle" TargetType="{x:Type Button}">
    <Setter Property="Margin" Value="5" />
    <Setter Property="BorderBrush" Value="White" />
    <Setter Property="Background" Value="{DynamicResource CompanyBlue}" />
    <Setter Property="Foreground" Value="White" />
    <Setter Property="FontWeight" Value="Bold" />
    <Setter Property="FontSize" Value="20" />
    <Setter Property="Width" Value="100" />
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">               
                <Border x:Name="ButtonBorder" BorderThickness="5" CornerRadius="5"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        Background="{TemplateBinding Background}"
                        Width="{TemplateBinding Width}">
                    <ContentPresenter Margin="10" HorizontalAlignment="Center" VerticalAlignment="Center" />
                </Border>


            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Button.Background">
                <Setter.Value>
                    <LinearGradientBrush StartPoint="0,-0.2" EndPoint="0,1.2">
                        <LinearGradientBrush.GradientStops>
                            <GradientStop Color="White" Offset="0" />
                            <GradientStop Color="{ORIGINAL-COLOR}" Offset="0.5" />
                            <GradientStop Color="White" Offset="1" />
                        </LinearGradientBrush.GradientStops>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

在 XAML 中，我放置了 placeholder {ORIGINAL-COLOR}，我本质上希望这是之前{TemplateBinding Background}为样式的控件模板设置的值。

我已经看到了我应该使用的建议，{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Background}但这不起作用。

提前感谢您的帮助。

4

3 回答 3

2

我相信问题在于它LinearGradientBrush不是FrameworkElement也不属于布局树。只有属性，因此FrameworkElements可以DataContext使用绑定。您要做的是设置一个Bindingon GradientStop。

您的触发器应如下所示：

            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Button.Background" 
                        Value="{TemplateBinding Background, Converter={StaticResource myConverter}}">
                </Setter>
            </Trigger>

并且myConverter是一个自定义转换器类，它将获取 Background 的值并返回LinearGradientBrush从输入画笔创建的完整实例。我假设您知道如何编写转换器。请记住，它需要添加到资源中。

或多或少是这样的：

    class BrushToGradient : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var brush = (Brush)value;
        var gradient = new LinearGradientBrush();

        //Make it manually
        gradient.GradientStops.Add(...);
        //...
        return gradient;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}
于 2013-03-03T16:06:02.440 回答
0

您不能Color与Background属性绑定，因为返回类型为BackgroundisBrush和 not Color。

与 的 Color 属性绑定Brush。由于背景绑定到资源CompanyBlue，所以在触发器中也使用该绑定 -

<GradientStop Color="{Binding Color, Source={StaticResource CompanyBlue}}"
              Offset="0.5" />
于 2013-03-03T15:25:19.127 回答
0

像这样试试

<GradientStop Color="White" Offset="0" />
<GradientStop Color="{DynamicResource CompanyBlue}"  Offset="0.5" />
<GradientStop Color="White" Offset="1" />

我希望这将有所帮助。

于 2013-03-03T15:59:21.293 回答