WPF在MouseOver上绘制边框

Question

我有一个WPF应用程序，我试图创建一个关闭按钮，如图像。 我试图绘制一个边框或鼠标悬停边框......但我似乎无法使它工作。 我尝试了6种不同的方法...图像，边框与图像，画笔等。

我目前正在使用以下代码：

<Canvas Name="cMin" Height="16" Width="16"
        Grid.Column="1" Grid.Row="1">
    <Canvas.Background>
        <ImageBrush ImageSource="_.png" Stretch="None" />
    </Canvas.Background>
    <Border BorderBrush="Transparent" BorderThickness="1" Background="Transparent" 
            CornerRadius="0" Height="18" Width="18">
         <Border.Style>
            <Style TargetType="Border">
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="BorderBrush" Value="LightBlue" />
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="False">
                        <Setter Property="BorderBrush" Value="Transparent" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
    </Border>
</Canvas>

任何帮助将不胜感激，谢谢！

Answer 1

问题是BorderBrush属性的本地值优先于Style Trigger 。 此MSDN文章描述了如何解析有效值。 基本上，从Border元素中删除本地值，它应该工作。 如果需要指定属性，可以在Style的Setter中执行此操作。 此外，不需要第二个Trigger ，因为当属性切换回false时，该值将恢复为原始值：

<Border BorderThickness="1" Background="Transparent" 
        CornerRadius="0" Height="18" Width="18">
     <Border.Style>
        <Style TargetType="Border">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="BorderBrush" Value="LightBlue" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Border.Style>
</Border>