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

时间:2019-06-18 08:33:07

标签: wpf animation preview xaml-designer

我正在编码一些基本的动画,并且希望看到它的渲染而无需构建/部署整个项目。如果我没记错的话,我已经设法在后台代码中创建动画时看到了这种预览。我现在正在使用xaml,并试图找出如何获得相同的结果。

我知道有“混合”解决方案,但我想避免这种情况。 在xaml Designer中,“打开渲染效果”和“启用项目代码”按钮处于活动状态。

            <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>

我希望设计师预览Opacity的变化,但实际上没有。我想念什么吗?

1 个答案:

答案 0 :(得分:0)

我终于找到了解决方案!

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

我的猜测是userControl是(预)编译的,并使xaml设计器可以播放动画。