文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
首页
学习
活动
专区
圈层
工具
MCP广场
返回腾讯云官网
社区首页 >问答首页 >等待WPF动画后面的代码完成

问等待WPF动画后面的代码完成
EN

Stack Overflow用户
提问于 2013-06-19 08:09:43
回答 3查看 4.4K关注 0票数 1

我正在构建一个看起来像RoboZZle的应用程序，但我有一个问题：(答案中的编程语言并不重要: C#或VB.NET)我在代码中有三个动画，如下所示：

代码语言：javascript
复制
Private Sub btngo_Click(sender As Object, e As RoutedEventArgs) Handles btngo.Click
        go_stright()
        go_stright()
        go_stright()
        go_stright()
End Sub
Private Sub go_stright()
        Dim da As New DoubleAnimation()
        Dim tt As New TranslateTransform()
        da.From = offsety
        offsety -= 50
        da.To = offsety
        da.Duration = New Duration(TimeSpan.FromSeconds(1))
        tt.BeginAnimation(TranslateTransform.YProperty, da)
End Sub

这就是问题所在:当我点击"btngo“按钮时，最后一个动画(第4 go_stright)会产生动画效果。我需要等到一个动画完成，然后下一个开始。

我该怎么做？

备注： In roboZZle，用户使用他的算法将精灵移动到目的地，而精灵移动并不是预先定义的。

我是WPF的新手。

更新：我没有故事板。

更新2：

代码语言：javascript
复制
<Page x:Class="Level1"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"
      Title="Level1" Width="794" Height="535" Loaded="Page_Loaded_1">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="735*"/>
            <ColumnDefinition Width="69*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="65"/>
        </Grid.RowDefinitions>
        <Button x:Name="m1" Content="" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="54" Height="54" Margin="10,0,0,0">
            <Button.Background>
                <SolidColorBrush Color="White"/>
            </Button.Background>
        </Button>
        <Button x:Name="m2" Content="" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="54" Height="54" Margin="69,1,0,0">
            <Button.Background>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.ControlLightLightColorKey}}"/>
            </Button.Background>
        </Button>
        <Button x:Name="m3" Content="" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="54" Height="54" Margin="128,1,0,0">
            <Button.Background>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.ControlLightLightColorKey}}"/>
            </Button.Background>
        </Button>
        <Button x:Name="m4" Content="" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="54" Height="54" Margin="187,1,0,0">
            <Button.Background>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.ControlLightLightColorKey}}"/>
            </Button.Background>
        </Button>
        <Button x:Name="m5" Content="" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="54" Height="54" Margin="246,0,0,0">
            <Button.Background>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.ControlLightLightColorKey}}"/>
            </Button.Background>
        </Button>
        <Button x:Name="m6" Content="" HorizontalAlignment="Left" Grid.Row="1" VerticalAlignment="Top" Width="54" Height="54" Margin="305,0,0,0">
            <Button.Background>
                <SolidColorBrush Color="White"/>
            </Button.Background>
        </Button>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="215,100,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="215,149,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="215,199,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="215,249,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="215,299,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="264,299,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="314,299,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="364,299,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="413,299,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="413,100,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="413,149,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="413,199,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="413,249,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="264,100,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="314,100,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Rectangle HorizontalAlignment="Left" Height="50" Margin="364,100,0,0" VerticalAlignment="Top" Width="50">
            <Rectangle.Stroke>
                <SolidColorBrush Color="{DynamicResource {x:Static SystemColors.HighlightColorKey}}"/>
            </Rectangle.Stroke>
            <Rectangle.Fill>
                <ImageBrush ImageSource="Images/l1khoone.png" Stretch="None"/>
            </Rectangle.Fill>
        </Rectangle>
        <Ellipse x:Name="g1" HorizontalAlignment="Left" Height="25" Margin="228,313,0,0" VerticalAlignment="Top" Width="25">
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF005DFF" Offset="0"/>
                    <GradientStop Color="Red" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Button Content="" x:Name="btnup" HorizontalAlignment="Center" Width="54" Height="54" FlowDirection="RightToLeft" Margin="721,48,19,0" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" Grid.ColumnSpan="2">
            <Button.Foreground>
                <ImageBrush ImageSource="Images/up.jpg" Stretch="None">
                    <ImageBrush.RelativeTransform>
                        <TransformGroup>
                            <ScaleTransform CenterY="0.5" CenterX="0.5"/>
                            <SkewTransform CenterY="0.5" CenterX="0.5"/>
                            <RotateTransform CenterY="0.5" CenterX="0.5"/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </ImageBrush.RelativeTransform>
                </ImageBrush>
            </Button.Foreground>
            <Button.Background>
                <ImageBrush ImageSource="Images/up.jpg"/>
            </Button.Background>

        </Button>
        <Button Content="" x:Name="btnleft" HorizontalAlignment="Center" Width="54" Height="54" Margin="721,107,19,0" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" Grid.ColumnSpan="2">
            <Button.Foreground>
                <ImageBrush ImageSource="Images/up.jpg" Stretch="None"/>
            </Button.Foreground>
            <Button.Background>
                <ImageBrush ImageSource="Images/left.jpg"/>
            </Button.Background>

        </Button>
        <Button Content="" x:Name="btnright" HorizontalAlignment="Center" Width="54" Height="54" Margin="721,166,19,0" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" Grid.ColumnSpan="2">
            <Button.Foreground>
                <ImageBrush ImageSource="Images/up.jpg" Stretch="None"/>
            </Button.Foreground>
            <Button.Background>
                <ImageBrush ImageSource="Images/Right.jpg"/>
            </Button.Background>

        </Button>
        <Button Content="" x:Name="btnf1" HorizontalAlignment="Center" Width="54" Height="54" Margin="721,225,19,0" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" Grid.ColumnSpan="2">
            <Button.Foreground>
                <ImageBrush ImageSource="Images/up.jpg" Stretch="None"/>
            </Button.Foreground>
            <Button.Background>
                <ImageBrush ImageSource="Images/F1.jpg"/>
            </Button.Background>

        </Button>
        <Button Content="" x:Name="btnf2" HorizontalAlignment="Center" Width="54" Height="54" Margin="721,284,19,0" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" Grid.ColumnSpan="2" IsEnabled="False">
            <Button.Foreground>
                <ImageBrush ImageSource="Images/up.jpg" Stretch="None"/>
            </Button.Foreground>
            <Button.Background>
                <ImageBrush ImageSource="Images/F2.jpg"/>
            </Button.Background>

        </Button>
        <Button Content="GO!" x:Name="btngo" HorizontalAlignment="Center" Width="54" Height="54" Margin="721,343,19,0" Background="Red" Foreground="White" FontFamily="Meiryo" FontSize="19" FontWeight="Bold" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" Grid.ColumnSpan="2"/>
        <Button Content="Reset" x:Name="btnreset" HorizontalAlignment="Center" Width="54" Height="54" Margin="721,402,19,0" Foreground="White" FontFamily="Meiryo" FontSize="16" FontWeight="Bold" Background="Cyan" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" VerticalAlignment="Top" Grid.ColumnSpan="2"/>
        <Ellipse x:Name="g2" HorizontalAlignment="Left" Height="25" Margin="427,313,0,0" VerticalAlignment="Top" Width="25">
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF005DFF" Offset="0"/>
                    <GradientStop Color="Red" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Ellipse x:Name="g3" HorizontalAlignment="Left" Height="25" Margin="427,112,0,0" VerticalAlignment="Top" Width="25">
            <Ellipse.Fill>
                <RadialGradientBrush>
                    <GradientStop Color="#FF005DFF" Offset="0"/>
                    <GradientStop Color="Red" Offset="1"/>
                </RadialGradientBrush>
            </Ellipse.Fill>
        </Ellipse>
        <Image x:Name="sprite" Margin="215,100,461,320" Source="Images/downsprite.png" RenderTransformOrigin="0.5,0.5">
            <Image.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Image.RenderTransform>
        </Image>
    </Grid>
</Page>
wait
c#
wpf
vb.net
animation
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-06-19 08:50:07

您可以在动画中添加一个已完成的事件，在该事件中，您将检查要执行多少个步骤，如果您还没有完成这些步骤的话：

代码语言：javascript
复制
Private Sub btngo_Click(sender As Object, e As RoutedEventArgs) Handles btnGo.Click
    PerformNextAction(actions(0))
End Sub

Private Sub go_stright()
    Dim da As New DoubleAnimation(offsety, offsety - 50, New Duration(TimeSpan.FromSeconds(1)))
    offsety -= 50
    Dim tt As New TranslateTransform()
    AddHandler da.Completed, AddressOf AnimationCompleted
    tt.BeginAnimation(TranslateTransform.YProperty, da)
End Sub

Private Sub AnimationCompleted(sender As Object, e As EventArgs)
    If actionCounter < 4 Then
        actionCounter += 1
        PerformNextAction(actions(actionCounter))
    End If
End Sub

Private Sub PerformNextAction(ByVal action As Action)
    Select Case action
        Case MainWindow.Action.GoStraight
            go_stright()
        Case MainWindow.Action.RotateLeft
            rotate_left()
        Case MainWindow.Action.RotateRight
            rotate_right()
    End Select
End Sub

别忘了这个：

代码语言：javascript
复制
Private goStraightCounter As Integer

这一次将跟踪您的进度(您需要持续调用该方法多少次)。

编辑回答您的评论，您可以这样做：

代码语言：javascript
复制
Public Enum Action
    GoStraight
    RotateRight
    RotateLeft
End Enum

在您链接的应用程序中，用户必须创建一个操作列表，以便您可以将该列表作为操作列表(参见enum)。然后，不调用"go_stright"，只需查看操作列表中的下一个条目，并调用用于该操作的方法。

编辑2:要深入了解操作，请列出操作列表：

代码语言：javascript
复制
Public actions As ObservableCollection(Of Action)

因此，如果用户有他选择的5个操作，那么列表中将包含5个enumactions。例如，列表可能是这样的: GoStraight、RotateLeft、GoStraight、RotateLeft、GoStraight。在动画完成事件中，不只是调用go_straight，您可以实现一个select案例来检查您必须调用的方法(参见上面更新的代码)。我只是猜到了调用左转和右转方法的方式，所以您可能需要更改这些名称。

票数 1
EN

Stack Overflow用户

发布于 2013-06-19 08:56:23

在EventHandler中为已完成的事件注册一个新的C#：

代码语言：javascript
复制
        public MainWindow()
        {
            InitializeComponent();

            System.Windows.Media.Animation.DoubleAnimation ani = new System.Windows.Media.Animation.DoubleAnimation();
            ani.Completed += new EventHandler(ani_Completed);
        }

        void ani_Completed(object sender, EventArgs e)
        {
            throw new NotImplementedException();
        }
票数 0
EN

Stack Overflow用户

发布于 2014-02-05 15:52:26

我也有同样的问题..。连接一个已完成的事件和一个属性，然后在返回之前使用一种清除dispatcher线程的方法。

代码语言：javascript
复制
// at the end of animation routine
progressTransition.Completed += new EventHandler(progressFlyOut_Completed);
progressTransition.Begin(ControlElement);
// allow animation to complete
WaitForCompletion(seconds * 2);

// completion event
private static void progressFlyOut_Completed(object sender, EventArgs e)
{
    AnimationCompleted = true;
}

    // wait routine
    private static void WaitForCompletion(double TimeOut)
    {
        System.Diagnostics.Stopwatch stopwatch = new System.Diagnostics.Stopwatch();
        stopwatch.Start();

        while (AnimationCompleted == false)
        {
            if (stopwatch.Elapsed.TotalSeconds > TimeOut)
                break;
            Application.Current.Dispatcher.BeginInvoke(DispatcherPriority.ApplicationIdle, new Action(() => { })).Wait();
        }
        AnimationCompleted = false;
    }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/17186060

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档