双11狂欢大促

盲盒赢 定制羽绒服

开启惊喜盲盒,抽取你的专属好礼

— 惊喜奖品抢先看 —

如何动态添加ObjectAnimationUsingKeyFrames

jozdiy jozdiy 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
我想实现一个点击按钮时触发一个切换图片的功能。图片被包装在xap文件里面了。
代码如下。

<Grid x:Name="LayoutRoot" Background="White" Loaded="LayoutRoot_Loaded">
<Image Margin="82,112,81,124" Grid.Column="1" x:Name="imgTest">
</Image>
<TextBlock Margin="101,60,108,68" Grid.Column="1" Grid.Row="1" Text="TextBlock" TextWrapping="Wrap" d:LayoutOverrides="Width, Height"/>
<Button Click="btnShow_Click" x:Name="btnShow" Width="20" Height="20"></Button>
<StackPanel x:Name="MyPanl">
<StackPanel.Resources>
<Storyboard x:Name="MyStory" >
</Storyboard>
</StackPanel.Resources>
</StackPanel>
</Grid>



C#代码如下

private void LayoutRoot_Loaded(object sender, RoutedEventArgs e)
{
BitmapImage bitmapImages = new BitmapImage();
bitmapImages.UriSource = new Uri("/Test/Te/Dnode.png", UriKind.RelativeOrAbsolute);
imgTest.Source = bitmapImages;


BitmapSource source;
ImageSource im;
var keyFrames = new ObjectAnimationUsingKeyFrames();
BitmapImage bitmapImage = new BitmapImage();
bitmapImage.UriSource = new Uri("/Test/Te/Dnode.png", UriKind.RelativeOrAbsolute);
source = bitmapImage;
im = bitmapImage;

//BitmapSource source = bitmapImage;
//DiscreteObjectKeyFrame keyFrame = new DiscreteObjectKeyFrame();
//keyFrame.Value = bitmapImage;
//keyFrame.KeyTime = TimeSpan.FromSeconds(0.2);
keyFrames.KeyFrames.Add(new DiscreteObjectKeyFrame
{
Value = im,
KeyTime = new TimeSpan(0, 0, 0, 1)
});

bitmapImage = new BitmapImage
{
UriSource = new Uri("/Test/Te/Dnode2.png", UriKind.RelativeOrAbsolute)
};
//source.ClearValue(Image.SourceProperty);
im = bitmapImage;
//source = bitmapImage;
keyFrames.RepeatBehavior = RepeatBehavior.Forever;
keyFrames.KeyFrames.Add(new DiscreteObjectKeyFrame
{
Value = im,
KeyTime = new TimeSpan(0, 0, 0, 1)
});
MyStory.Children.Add(keyFrames);

Storyboard.SetTarget(keyFrames, imgTest);
Storyboard.SetTargetProperty(keyFrames, new PropertyPath(Image.SourceProperty));

}


private void btnShow_Click(object sender, RoutedEventArgs e)
{
MyStory.Begin();
}



有几个问题想问一下。
1.如果我在<Storyboard x:Name="MyStory" >
这里设置了 Storyboard.TargetName和Storyboard.TargetProperty 属性是不是代码中设置就可以不写了。
2.我在xaml代码中这样写

<StackPanel x:Name="MyPanl">
<StackPanel.Resources>
<Storyboard x:Name="MyStory" >
<ObjectAnimationUsingKeyFrames Duration="00:00:00.4"
RepeatBehavior="Forever" Storyboard.TargetName="imag"
Storyboard.TargetProperty="Source">
<DiscreteObjectKeyFrame KeyTime="00:00:00.2" x:Name="Run">
<DiscreteObjectKeyFrame.Value>
<BitmapImage UriSource="/Test/Te/Dnode.png"></BitmapImage>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
<DiscreteObjectKeyFrame KeyTime="00:00:00.2" x:Name="Stop">
<DiscreteObjectKeyFrame.Value>
<BitmapImage UriSource="/Test/Te/Dnode2.png"></BitmapImage>
</DiscreteObjectKeyFrame.Value>
</DiscreteObjectKeyFrame>
</ObjectAnimationUsingKeyFrames>
</Storyboard>
</StackPanel.Resources>
</StackPanel>

点show的时候可以实现动画。为什么动态添加时不能实现?是不是我的代码有问题。


请各路大神指点一下。快把我搞疯了...


...全文
评论 4
收藏 已收藏
分享
返回顶部
jozdiy
WPF/Silverlight 8,757 成员 12,031 内容