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

标签 wpf animation preview xaml-designer

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

我知道有“混合”解决方案,但我想避免它。 “打开渲染效果”和“启用项目代码”按钮在 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>

我希望设计师能够预览不透明度的变化,但实际上没有。我错过了什么吗?

最佳答案

终于找到解决办法了!

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

我的猜测是 userControl 已(预)编译并允许 xaml 设计器播放动画。

关于wpf - 有没有办法在 xaml 编辑器中预览动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56644897/

相关文章:

jquery - 如何向此 jquery 脚本添加图像预览?

ruby-on-rails - Rails 中的 NoMethodError::MailersController#preview

wpf - 为 WPF TreeView 启用滚动

c# - 如何将 ProgressBar 放在 Button 中

c# - 带有 ItemsControl 的网格中的 Gridsplitter

c# - MahApps - SimpleChildWindow

image - Flutter 中的 360 度交互式图像预览

css - Safari 错误?使用 GSAP 翻译表行组使标题跳到底部

CSS 关键帧动画在本地工作,但不在我的网站上

delphi - Firemonkey float 键动画,转到特定键