代码之家 › 专栏 › 技术社区 › bcm

如何在Silverlight中使用2个图像执行简单的悬停按钮

fade button animation silverlight

bcm · 技术社区 · 15 年前

最好不使用后端代码?我正在寻找最干净的解决方案做一个淡入淡出悬停按钮使用2个图像。这是我到目前为止的情况

编辑:

我让它部分起作用。。问题是,现在的鼠标似乎突然而鼠标似乎很好,我做错了什么?

<VisualStateGroup x:Name="CommonStates">
    <VisualState x:Name="Normal" />
    <VisualState x:Name="MouseOver">
        <Storyboard>
            <DoubleAnimation BeginTime="0:0:0" Duration="0:0:1" To="1" 
                                Storyboard.TargetProperty="(UIElement.Opacity)" 
                                Storyboard.TargetName="mouseOverImage" d:IsOptimized="True"/>
            </Storyboard>
    </VisualState>
    <VisualState x:Name="MouseOut">
        <Storyboard>
            <DoubleAnimation BeginTime="0:0:0" Duration="0:0:1" To="0" 
                                Storyboard.TargetProperty="(UIElement.Opacity)" 
                                Storyboard.TargetName="mouseOverImage" d:IsOptimized="True"/>                                         
        </Storyboard>
    </VisualState>
    <VisualState x:Name="Pressed"/>
    <VisualState x:Name="Disabled"/>
</VisualStateGroup>
<VisualStateGroup x:Name="FocusStates">
    <VisualState x:Name="Focused"/>
    <VisualState x:Name="Unfocused"/>
</VisualStateGroup>

1 回复 | 直到 15 年前

bcm 15 年前

                                    <Storyboard>
                                        <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="0" To="1" 
                                                            Storyboard.TargetProperty="(UIElement.Opacity)" 
                                                            Storyboard.TargetName="mouseOverImage" />                               
                                    </Storyboard>
                                </VisualState>
                                <VisualState x:Name="Normal">
                                    <Storyboard>
                                        <DoubleAnimation BeginTime="0:0:0" Duration="0:0:0.5" From="1" To="0" 
                                                            Storyboard.TargetProperty="(UIElement.Opacity)" 
                                                            Storyboard.TargetName="mouseOverImage" />
                                     </Storyboard>

推荐文章

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前

Chris Peh · VBA用户窗体上命令按钮的间距均匀

1 年前

Tom Newing · 在Tkinter中单击按钮时,如何在两个数字之间交替?

1 年前