WPF在MouseOver上绘制边框

时间:2010-06-15 15:30:41

标签: c# wpf image border mouseover

我有一个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>

任何帮助将不胜感激, 谢谢!

1 个答案:

答案 0 :(得分:10)

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

Trigger