WPF中Storyboard动画延迟的一个BUG(缺陷?)

本文描述了一个WPF应用程序中的翻页动画效果实现及遇到的问题。具体表现为,在连续触发翻页操作时,动画B逐渐出现延迟甚至消失,严重影响用户体验。

做项目的时候涉及到一个翻页效果,具体就是把一块panel从左侧淡出,更新panel上的内容,然后从右侧淡入,给人的感觉就像换了一页一样。

具体执行流程:

按下一个按钮后:

1、Stroyboard A :将panel从左侧淡出。

2、读取数据库,更新panel中ListView的内容。

3、Storyboard B : 将panel从右侧淡入。

 

做完后我F5,然后一下一下的按按钮测试,前5下都是正常的,动画流畅,没有不妥,但是再继续按下去,Storyboard B慢慢的出现了延迟,等到按了10多下后,动画B延迟非常严重接近1S,20~30下后,动画B基本不显示,直接动画A,然后卡一下,出现panel。

 

实验多次,排除了很多潜在干扰因素后基本认定,这是WPF动画的一个缺陷。

 

The problem can be summaried as this :

Paly Storyboard Animation A;

Do some data work(like add items to listview, database access);// If you do nothing here, there wii be no delay!

Play Storyboard Animation B;

Run it for 10 or 50 times, the Storyboard Animation B will badly delay!

英语不好,去MSDN问了也没得到解决,希望微软早日解决这个问题,严重影响用户体验啊~~~

 

WPF(Windows Presentation Foundation)中,使用Storyboard创建动画是一种常见的方法。Storyboard允许你定义一个或多个动画效果,并控制它们的播放顺序和时间。以下是一个简单的步骤来创建一个基本的Storyboard动画: 1. **定义Storyboard**: 首先,你需要在XAML文件中定义一个StoryboardStoryboard可以包含一个或多个Animation元素,如TranslateTransform, RotateTransform等。 2. **设置Storyboard属性**: 你可以设置Storyboard的Duration属性来定义动画的持续时间,以及AutoReverse属性来控制动画是否自动反向播放。 3. **添加AnimationStoryboard**: 将需要的Animation元素添加到Storyboard中。例如,如果你想移动一个按钮,可以使用DoubleAnimation来改变其位置属性。 4. **触发Storyboard**: 最后,需要在某个事件触发时开始Storyboard动画。这可以通过代码或者XAML中的Trigger来实现。 下面是一个具体的例子,展示了如何在WPF中使用Storyboard创建一个按钮从左到右移动的动画: ```xml <Window x:Class="WpfApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <Button Name="myButton" Content="Move Me" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75"/> <Button Content="Start Animation" Width="100" Height="30" Click="StartAnimation_Click" HorizontalAlignment="Center" VerticalAlignment="Bottom"/> <Storyboard x:Key="myStoryboard"> <DoubleAnimation Storyboard.TargetName="myButton" Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)" From="0" To="200" Duration="0:0:2"/> </Storyboard> </Grid> </Window> ``` 在这个例子中,当用户点击“Start Animation”按钮时,会触发StartAnimation_Click事件处理器,该处理器启动名为“myStoryboard”的Storyboard动画,使“myButton”按钮在2秒内水平移动200像素。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值