XNA/XAML 鼠标悬停时动画边框颜色答案

【问题标题】：XNA/XAML Animate border color on mouseoverXNA/XAML 鼠标悬停时动画边框颜色
【发布时间】：2012-09-18 02:46:43
【问题描述】：

我正在用 XNA 和 XAML 制作图片库。我需要有带边框的图像，鼠标悬停时我想更改边框颜色。我尝试了不同的东西，但没有奏效。当 IMAGE 被 mouseOvered 时，应该触发更改边框颜色的动画。这是我的代码：

 <Border Name="myBorder"
            BorderThickness="5"
            BorderBrush="White"
            Width="100"
            Height="100"
            Padding="0"
            Margin="15"
            CornerRadius="10">
        <Border.Style>
            <Style>
                <Style.Triggers>
                    <Trigger Property="Image.IsMouseOver" Value="True">
                        <Setter Property="Border.BorderBrush" Value="Yellow"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
            <Image Name="myImage1" 
                   HorizontalAlignment="Center" 
                   Stretch="Fill" />
    </Border>

我还成功地使用了 EventTrigger 和 Storyboard。有人知道怎么做吗？

【问题讨论】：

标签： xaml animation xna storyboard mouseover

【解决方案1】：

好的，感谢this post，我解决了问题

我应该从边框定义中删除 BorderBrush。现在可以了：

        <Border Name="myBorder"
            BorderThickness="5"
            Width="100"
            Height="100"
            Padding="0"
            Margin="15"
            CornerRadius="10">
        <Border.Style>
            <Style TargetType="{x:Type Border}">
                <Style.Triggers>
                    <Trigger Property="Image.IsMouseOver" Value="True">
                        <Setter Property="Border.BorderBrush" Value="Yellow"/>
                    </Trigger>
                    <Trigger Property="Image.IsMouseOver" Value="False">
                        <Setter Property="Border.BorderBrush" Value="White"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
        <Image Name="myImage1" HorizontalAlignment="Center" Stretch="Fill" />
    </Border>

【讨论】：