.net - 在屏幕上平滑移动一条线

Question

我正在尝试在屏幕上移动一条红线（无卡顿），并且我尝试了各种不同的方法。从 GDI+ 双缓冲（使用BufferedGraphics类）到 WPF 的WriteableBitmap，都失败了。可能是我使用的计时器不够准确，它可能会垂直同步撕裂，但这似乎是不可能的。我们现在是 2013 年，我有一个高端 GPU，但我仍然无法重现我的旧 8 位 SNES 没有问题的东西。

是否有人有一个 100% 流畅且无闪烁的 WinForms 代码示例，或者如果没有 DirectX，这只是不可能完成的任务？

Answer 1

在 WPF 中，您可以简单地为 Line 控件设置动画。

<Canvas>
    <Line x:Name="line"
        X2="{Binding X1, RelativeSource={RelativeSource Mode=Self}}"
        Y2="{Binding ActualHeight, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Canvas}}" Stroke="Red" StrokeThickness="4">
    </Line>
</Canvas>

您将使用如下方法创建并启动动画：

private void StartAnimation()
{
    var animation = new DoubleAnimation
    {
        To = ActualWidth, // width of the window
        Duration = TimeSpan.FromSeconds(ActualWidth / 32),
        RepeatBehavior = RepeatBehavior.Forever
    };

    line.BeginAnimation(Line.X1Property, animation);
}

---

除了为X1Line 的属性设置动画并让X2属性跟随绑定之外，您还可以为 Line 的 RenderTransform 设置动画：

<Canvas>
    <Line Y2="{Binding ActualHeight, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Canvas}}" Stroke="Red" StrokeThickness="4">
        <Line.RenderTransform>
            <TranslateTransform x:Name="transform"/>
        </Line.RenderTransform>
    </Line>
</Canvas>

StartAnimation 方法现在看起来像这样：

private void StartAnimation()
{
    var animation = new DoubleAnimation
    {
        To = ActualWidth, // width of the window
        Duration = TimeSpan.FromSeconds(ActualWidth / 32),
        RepeatBehavior = RepeatBehavior.Forever
    };

    transform.BeginAnimation(TranslateTransform.XProperty, animation);
}