wpf - 在 WPF 中设置按钮的选定颜色和焦点

Question

我有一个具有透明背景和白色粗边框的按钮。当按钮检测到鼠标输入时，我看到背景从设置的透明背景变为默认的聚焦颜色，因此我只需将不透明度设置为 0.2，以便它显示一些反馈，表明它具有焦点。

现在这是我的困境。当我离开按钮的边界时，在将背景更改为原始透明之前，会有一个小动画从我的 .2 不透明度变为 1。我想知道如何用更流畅的动画替换它，以便在它变为透明之前我看不到不透明的背景，或者只是有一种方法可以完全绕过动画并让它设置我的值。当按钮聚焦时，我看到类似的事情发生。它将使用默认背景颜色在 0.2 不透明度和 1.0 之间进行动画处理。任何想法将不胜感激。

<Button BorderBrush="White" BorderThickness="1" Width="45" Height="45" >
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Opacity" Value="0.2" />
                </Trigger>
                <Trigger Property="IsMouseOver" Value="False">
                    <Setter Property="Background" Value="Transparent" />
                    <Setter Property="Opacity" Value="1.0" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Button.Style>
</Button>

Answer 1

这是一个仅限 XAML 的解决方案，我认为这可以满足您的需求...

<Button BorderBrush="White" BorderThickness="1" Width="45" Height="45" Content="1234" >
        <Button.Style>
            <Style TargetType="{x:Type Button}">
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="False">
                        <Setter Property="Background" Value="Transparent" />
                        <Setter Property="Opacity" Value="1.0" />
                    </Trigger>
                    <EventTrigger RoutedEvent="MouseLeave">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.2" To="1"></DoubleAnimation>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                    <EventTrigger RoutedEvent="MouseEnter">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0.2" To="0.2"></DoubleAnimation>
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Style.Triggers>
            </Style>
        </Button.Style>
    </Button>