使用IValueConverter進行模板系結-有解無憂

我想在 WPF 專案中生成一個自定義按鈕。我希望按鈕以降低不透明度的方式更改其背景顏色。

因此，我有一個具有默認按鈕樣式的資源字典：

<Style x:Key="DefaultStyle" TargetType="{x:Type Button}">
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border Background="{TemplateBinding Background}">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="{Binding Path=Background, RelativeSource={RelativeSource Mode=TemplatedParent}, Converter={StaticResource OpacityConverter}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style x:Key="GreenButton" TargetType="{x:Type Button}" BasedOn="{StaticResource DefaultStyle}">
        <Setter Property="Background" Value="{StaticResource Green}"/>
        <Setter Property="Foreground" Value="Black"/>
</Style>

使用我的自定義轉換器：

<conv:OpacityConverter x:Key="OpacityConverter"/>

在xmlns:conv="clr-namespace:ProjectNamespace.Converter" 中實作：

public class OpacityConverter : IValueConverter
{

    public OpacityConverter()
    {

    }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        SolidColorBrush brush = ((SolidColorBrush)value).Clone();
        brush.Opacity = 0.5;
        return brush;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        SolidColorBrush brush = ((SolidColorBrush)value).Clone();
        brush.Opacity = 1;
        return brush;
    }
}

在我的視窗中，我使用這樣的按鈕：

<Button Grid.Row="1" Grid.Column="2" 
        Style="{StaticResource GreenButton}">
   <TextBlock Text="neues Projekt anlegen" TextWrapping="Wrap" TextAlignment="Center"/>
</Button>

該按鈕如下所示：

使用 IValueConverter 進行模板系結

我想看起來像這樣（如果 IsMouseOver == True）：

使用 IValueConverter 進行模板系結

然而，在IsMouseOver == True開始的那一刻，背景變得完全白色，按鈕看起來像這樣：

使用 IValueConverter 進行模板系結

我錯過了什么？

uj5u.com熱心網友回復：

由于您沒有TargetName在 Trigger 中指定 Setter，因此它隱式參考 Button 并導致回圈參考。要修復它，請命名 Border 并在 Setter 中指定該名稱。

<ControlTemplate TargetType="Button">
    <Border x:Name="border"
            Background="{TemplateBinding Background}">
        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Border>
    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="border"
                    Property="Background"
                    Value="{Binding Background, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource OpacityConverter}}"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/470436.html

標籤：C＃ wpf 按钮值转换器模板绑定

上一篇：使用React創建一個簡單的按鈕組件

下一篇：如何在顫動中將按鈕放在螢屏的兩端