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元素中删除本地值,它应该工作.如果您需要指定属性,可以在a Setter中指定Style.此外,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>