有没有办法在 xaml 编辑器中预览动画？

Question

我正在编写一些基本动画，希望在没有 building/deploying 整个项目的情况下查看它的渲染。如果我没记错的话，我在代码隐藏中创建动画时已经设法看到这样的预览。我现在正在使用 xaml 并试图找出如何获得相同的结果。

我知道有 "Blend" 解决方案，但我想避免使用它。 "Turn ON render effects" 和 "Enable project code" 按钮在 xaml 设计器中处于活动状态。

            <Image
              Name="CompressorGreySmokeNormalWay"
              Source="/VirtualTrain.Setrag.GT46AC;component/Resources/Images/Common/SmokeIconGrey.png"
              Width="{Binding ActualWidth, Mode=OneWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Canvas}}}"
              Height="{Binding ActualHeight, Mode=OneWay, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Canvas}}}" >
              <Image.Triggers>
                <EventTrigger
                  RoutedEvent="UserControl.Loaded">
                  <BeginStoryboard>
                    <Storyboard
                      AutoReverse="True"
                      Storyboard.TargetProperty="Opacity">
                      <DoubleAnimation
                        RepeatBehavior="Forever"
                        BeginTime="0:0:00.00"
                        From="1.0"
                        To="0.0"
                        Duration="0:0:01.00"/>
                    </Storyboard>
                  </BeginStoryboard>
                </EventTrigger>
              </Image.Triggers>
            </Image>

我希望设计者预览不透明度的变化，但实际上并没有。我错过了什么吗？

Answer 1

我终于找到了解决办法！

您实际上需要创建一个单独的用户控件来应用动画。一旦将 userControl 加载到另一个用户控件中，动画就会开始播放。

我的猜测是 userControl 已（预）编译并使 xaml 设计器能够播放动画。

有没有办法在 xaml 编辑器中预览动画？

Is there a way to preview animation in xaml editor?

wpf

animation

preview

xaml-designer