如何消除移动物体的闪烁？

Question

我已经做了几个星期了......归结为最简单的组件，我想以平滑的动作将一个圆圈从屏幕左侧移动到右侧，没有任何闪烁。

这是我的代码：我实例化了一个计时器 (timer1) 并在表单的属性窗口中启用，并尝试了 1-100 之间的值。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WindowsFormsApplication4
{
    public partial class Form1 : Form
    {
        private int _y;
        private int _x;

        public Form1()
        {
            InitializeComponent();
            _x = 0;
            _y = 200;
            this.SetStyle(ControlStyles.OptimizedDoubleBuffer, true);
        }

        private void Form1_Paint(object sender, PaintEventArgs e)
        {
            e.Graphics.FillEllipse(Brushes.Green, _x, _y, 30, 30);
        }

        private void timer1_Tick(object sender, EventArgs e)
        {
            _x += 1;
            Invalidate();  //ie: redraw
        }

    }
}

Answer 1

定时器是离散的，所以总会有一些滞后或卡顿。

当 WPF 内置动画（或一般的对象转换）时，我不会使用 WinForms 执行此类动画。以下 XAML 在 5 秒内平滑地将红点从 (0,200) 动画到 (350,200)动画。

<Canvas>
    <Canvas.Resources>
        <PathGeometry x:Key="AnimationPath">
            <PathGeometry.Figures>
                <PathFigure>
                    <LineSegment Point="0,200" />
                    <LineSegment Point="350,200" />
                </PathFigure>
            </PathGeometry.Figures>
        </PathGeometry>
    </Canvas.Resources>
    <Ellipse Canvas.Top="200" Width="30" Height="30" Fill="Red">
        <Ellipse.RenderTransform>
            <TranslateTransform x:Name="AnimatedTranslation" />
        </Ellipse.RenderTransform>
        <Ellipse.Triggers>
            <EventTrigger RoutedEvent="Path.Loaded">
                <BeginStoryboard>
                    <Storyboard RepeatBehavior="Forever">
                        <DoubleAnimationUsingPath
                            Storyboard.TargetName="AnimatedTranslation"
                            Storyboard.TargetProperty="X"
                            PathGeometry="{StaticResource AnimationPath}"
                            Source="X"
                            Duration="0:0:5" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Ellipse.Triggers>
    </Ellipse>
</Canvas>