使用 WPF 实现平滑文本动画（选取框）

Question

尝试构建具有流畅文本动画的选取框控件。当前的工作包括：

• 使用平移变换
• 在 Canvas 依赖属性上使用动画（左、右）
• 在自定义依赖属性（点）上使用动画并使用绘图视觉效果（格式化文本）
• 使用 CompositionTarget.Rendering

但动画仍然不稳定且资源密集（2- 10% CPU）。

默认 wpf 窗口中使用的测试代码，我认为应该产生平滑的动画：

   <TextBlock x:Name="_box" FontSize="64" CacheMode="BitmapCache" Text="lorem ipsum">
        <TextBlock.RenderTransform>
            <TranslateTransform x:Name="AnimatedTranslateTransform" X="0" Y="0" />
        </TextBlock.RenderTransform>
        <TextBlock.Triggers>
            <EventTrigger RoutedEvent="TextBlock.Loaded">
              <BeginStoryboard>
                <Storyboard>
                  <DoubleAnimation
                    Storyboard.TargetName="AnimatedTranslateTransform" 
                    Storyboard.TargetProperty="X"
                    From="-300" To="300" Duration="0:0:5" 
                    AutoReverse="True" RepeatBehavior="Forever" />
                </Storyboard>
              </BeginStoryboard>
            </EventTrigger>
          </TextBlock.Triggers>
    </TextBlock>

检查表：

• 确认没有发生软件渲染（ms 性能工具并检查 RenderCapability.Tier）
• 在任何可想象的对象上调用冻结
• 禁用任何位图效果和透明度
• 检查所有选取框控制在那里（同样的问题）

测试：

• CPU：Intel core 2 duo（T6600）@2.2Ghz
• RAM：4GB
• GPU：NVidia GeForce 9600M GS（最新驱动程序）
• 操作系统：Windows 7（64位）

任何想法（或更好的代码示例） ）？

从响应来看，这似乎不是 wpf 问题（其他选框控件对其他人来说效果很好，但对我来说则不然），但我在测试的每台机器上都遇到了相同的问题。

Answer 1

如果满足以下条件，您的动画将完全在 MilCore 层处理：

1. 您的 TranslateTransform 是 RenderTransform（不是 LayoutTransform），并且
2. 您使用简单的动画，例如 DoubleAnimation，并且
3. 您的对象没有剪切或不透明度计算

尝试使用 DoubleAnimation 动画 TranslateTransform对于 TextBlock 上的 RenderTransform，该 TextBlock 是具有默认设置的 Window 的直接子级。

• 如果仍然很慢，则说明您的 Direct3D 系统有些慢，因为根本不涉及托管代码，而且 MilCore 的调用非常简单，但是

• 如果它运行顺利且高效，请逐步将其更改为性能不佳的代码，看看是什么更改导致速度变慢。

鉴于您对 Jobi Joy 的回答的回应，我怀疑问题出在您的硬件或 Direct3D 设置中，但找出答案的唯一方法是测试它。

Answer 2

如果您使用的是 WPF 4.0，请尝试在要设置动画的元素上设置 CacheMode="BitmapCache"（在 XAML 中），在本例中，可能是 TextBlock。

Answer 3

希望这可以帮助您 - http://jobijoy.blogspot.com/ 2008/08/silverlight-marquee-control.html

WPF版本也可以找到此处