Xaml故事板动画不触发

Question

I am trying to fix a UI that had an animation previously. It had a Picture that rendered on the interface when the app is loaded. I am having a tough time trying to get over the learning curve of XAML. Also if someone has a resource where I can better learn XAML I would really appreciate it. The issues is nothing shows the image does not render on start and there is not animation as far as I can tell.

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

Answer 1

If the image does not get rendered at all, it is likely that the Image.Source URI is incorrect. Read up on using the proper Pack URIs and it may solve your problem.

Here is an answer I gave previously that worked just fine. The image resource was located in the same project as the XAML and is under an assests/images folder.

Answer 2

使用我的原始代码和代码修复了该问题，删除了OpacityMask Panel Z索引并更改为静态路径，现在修复了该问题，我只需要找到一种使路径动态化至运行其的任何计算机的方法