Question

当他们中的一个被敲击时，我正在改变两个矩形的外观。以下代码可以正常工作。但是当我释放水龙头时，矩形不会恢复到原始状态。

我错过了什么？

            <Storyboard x:Name="RectTapped">
                <DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="rectTop" d:IsOptimized="True"/>
                <ColorAnimation Duration="0" To="#FF43A047" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="rectBottom" d:IsOptimized="True"/>
            </Storyboard>

故事板由Behaviors

触发

   <Rectangle x:Name="rectBottom" Fill="#FF317434" HorizontalAlignment="Left" Height="42" RadiusY="6" RadiusX="6" StrokeThickness="0" StrokeLineJoin="Round" Width="320" Margin="0" Tapped="rectangle1_Tapped"/>
                        <Rectangle x:Name="rectTop" Fill="#FF43A047" HorizontalAlignment="Left" Height="42" RadiusY="6" RadiusX="6" StrokeThickness="0" StrokeLineJoin="Round" Width="320" Margin="0,-9,0,0">
                            <interactivity:Interaction.Behaviors>
                                <core:EventTriggerBehavior EventName="Tapped">
                                    <media:ControlStoryboardAction Storyboard="{StaticResource RectTapped}"/>
                                </core:EventTriggerBehavior>
                            </interactivity:Interaction.Behaviors>

                        </Rectangle>

Answer 1

尝试使用事件 PointerPressed 打开动画， PointerReleased 返回

Answer 2

您可以使用Visual Studio Blend创建动画，然后使用反向功能将动画反转为其原始形式，然后您可以简单地调用单个动画。

WinRT动画：将矩形属性返回到原始状态

2 个答案: