2

您好,我无法理解我遇到的问题

private void StartReplay(object sender, RoutedEventArgs e)
    {
        for (int i = 0; i <= 40; i++)
        {
            if (leftCounter < 20)
            {
                leftCounter++;
                leftCounter2 = leftCounter;
                Canvas.SetLeft(Kwadracik, leftCounter);
            }
            else
            {
                leftCounter2--;

                Canvas.SetLeft(Kwadracik, leftCounter2);
            }
        }
    }

现在有2种方式

1)如果我删除循环而不是每次单击按钮时 leftCounter 将增加 1 并且画布将被移动。20 向右比向左尽可能多的点击我会做的。它按预期工作。先靠右比靠左

2)当我单击按钮时使用循环运行它时,循环将开始。但它不会像我期望的那样工作。我预计它会向右移动 20 次,向左移动 20 次(20+20 = 40)。但不是。它不会在两侧移动。它只是站立,因为它正在跳到最后。我看不到右边的移动。即使我会在每个循环步骤上得到小的延迟,GUI 也会冻结,并且在循环结束后它会解冻并且元素位于它所在的位置

为什么会有这种差异?我怎样才能超越它?

支持此的 XAML

    <Canvas x:Name="canvas" HorizontalAlignment="Center" VerticalAlignment="Center">
        <Rectangle Name="Kwadracik" Width="20" Height="20" Canvas.Left="0" Canvas.Top="0" Fill="Blue" />
    </Canvas>
4

1 回答 1

2

这是因为您可能正在从 GUI 线程调用 StartReplay。只有在您的函数完成后,线程处理才会继续。换句话说,在您的功能完成之前,GUI 无法处理您的更改。当您在也是 gui 线程的按钮单击处理程序中进行更改时,您将退出您的函数并在该 gui 反映更改之后。这就是为什么第一种方法可以点击点击的原因。

您可以做的是启动工作线程并在那里进行修改,或者因为这似乎是类似动画的行为,请使用 Timers。

更新: 示例 1:

DispatcherTimer 在调用线程中执行回调。

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Threading;


namespace CanvasAnimation
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        DispatcherTimer uiTimer;
        double directionDelta = 1.0;

        public MainWindow()
        {
            InitializeComponent();
            uiTimer = new DispatcherTimer(); //This timer is created on GUI thread.
            uiTimer.Tick += new EventHandler(uiTimerTick);
            uiTimer.Interval = new TimeSpan(0, 0, 0, 0, 1000/25); // 25 ticks per second
            uiTimer.Start();
        }

        private void uiTimerTick(object sender, EventArgs e)
        {
            double currentLeft = Canvas.GetLeft(Kwadracik);

            if (currentLeft < 0)
            {
                directionDelta = 1.0;
            }
            else if (currentLeft > 80)
            {
                directionDelta = -1.0;
            }

            currentLeft += directionDelta;

            Canvas.SetLeft(Kwadracik, currentLeft);
        }
    }
}

示例 2:使用简单计时器

    using System;
using System.Threading;
using System.Windows;
using System.Windows.Controls;

namespace CanvasAnimation
{
    /// <summary>
    /// Interaction logic for WorkerTimer.xaml
    /// </summary>
    public partial class WorkerTimer : Window
    {
        Timer timer;
        double directionDelta = 1.0;

        public WorkerTimer()
        {
            InitializeComponent();
            timer = new Timer(this.timerTick, this, 0, 1000 / 25); // 25 fPS timer
        }

        protected void timerTick(Object stateInfo)
        {
            //This is not a GUI thread!!!!
            //So we need to Invoke delegate with Dispatcher
            this.Dispatcher.Invoke(new MoveCanvasDelegate(this.moveCanvas), null);
        }

        protected delegate void MoveCanvasDelegate();
        protected void moveCanvas()
        {
            //This function must be called on GUI thread!!!

            double currentLeft = Canvas.GetLeft(Kwadracik);

            if (currentLeft < 0)
            {
                directionDelta = 1.0;
            }
            else if (currentLeft > 80)
            {
                directionDelta = -1.0;
            }

            currentLeft += directionDelta;

            Canvas.SetLeft(Kwadracik, currentLeft);
        }
    }
}

同样的技术适用于 BackgroundWorker 或其他非 GUI 线程。

于 2013-02-19T18:14:04.740 回答