【问题标题】:Xaml Storyboard Animation not firingXaml 故事板动画未触发
【发布时间】:2015-12-10 14:47:40
【问题描述】:

我正在尝试修复以前有动画的 UI。加载应用程序时,它有一个在界面上呈现的图片。我很难克服 XAML 的学习曲线。此外,如果有人有我可以更好地学习 XAML 的资源,我将不胜感激。问题是没有显示图像在开始时没有呈现,并且据我所知没有动画。

<Image x:Name="T_Image" 
       HorizontalAlignment="Left" 
       Height="300" 
       VerticalAlignment="Top" 
       Width="300" 
       Source="Resources/Picture.png" 
       OpacityMask="Black" 
       Panel.ZIndex="1">
    <Image.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="T_Image"
                                     Storyboard.TargetProperty="Height"
                                     From="300" To="85" Duration="00:00:00.75" />
                    <DoubleAnimation Storyboard.TargetName="T_Image"
                                     Storyboard.TargetProperty="Width"
                                     From="300" To="105" Duration="00:00:0.75" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Image.Triggers>
</Image>

【问题讨论】:

    标签: c# wpf xaml


    【解决方案1】:

    如果图像根本没有被渲染,很可能Image.Source URI 不正确。阅读使用正确的Pack URIs,它可能会解决您的问题。

    Here 是我之前给出的答案,效果很好。图像资源与 XAML 位于同一项目中,并且位于 assests/images 文件夹下。

    【讨论】:

    • 当我在设计器中时会显示图像,但是当我启动应用程序时,什么都没有呈现。我也尝试了你所说的链接中的内容,我得到了同样的效果?
    • @user3753693 设置了OpacityMask="Black" Panel.ZIndex="1" 的任何原因?你能去掉那些吗?你有机会在新项目中重现吗?
    • 另外,请确保您使用的是正确的pack uri。您是在处理一个项目还是多个项目?图像的位置是否正确?该位置是本地文件还是在网络上?查看输出窗口以查看运行应用程序时是否有任何错误/警告。
    • 我尝试使用静态 URL (C:\user\location\project\resources\image.png),图像在运行时显示,但没有动画。我删除了不透明蒙版和面板 z 索引,文件是本地的,输出窗口中没有错误或警告
    • 使用我的原始代码和代码修复了它,删除 OpacityMask 面板 Z 索引并更改为静态路径解决了这个问题,现在我只需要找到一种方法使路径动态到它运行的任何机器上
    【解决方案2】:

    使用我的原始代码和代码修复它,删除 OpacityMask 面板 Z 索引并更改为静态路径解决了这个问题,现在我只需要找到一种方法使路径动态到它运行的任何机器

    【讨论】:

      猜你喜欢
      • 2017-02-09
      • 1970-01-01
      • 2020-07-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-21
      • 2021-05-05
      • 1970-01-01
      • 2020-05-19
      相关资源
      最近更新 更多