全景背景图像淡入动画问题?

Posted

技术标签:

【中文标题】全景背景图像淡入动画问题?【英文标题】:Issue with Panorama Background Image Fade-In Animation? 【发布时间】:2012-02-24 15:35:08 【问题描述】:

您好,我正在使用找到的示例here 来淡化背景图像。一切正常,只是在淡入动画开始之前,图像会短暂显示,然后动画开始。

无背景 => 完整图像 => 图像消失 => 动画开始 => 全图

注意我确实添加了与他完全相同的代码,但我仍然得到这个结果。我确实注意到他的示例是为 WP7 7.0 编写的,我猜这就是它没有像他提供的示例那样加载的原因。

有没有人找到解决方法?

【问题讨论】:

在 Jeff 的视频中为我提供的示例作品 @Ku6opr 直到您将项目更新到 WP7 7.1。之后,图片在 bing 页面上的加载方式发生了明显的变化。我已经确认这只发生在必应页面上。本地存储的图片加载页面效果很好。 【参考方案1】:

使您的背景最初隐藏在 xaml 或页面构造函数中的代码中。动画在页面加载后开始,所以从应用程序开始到Loaded事件显示背景

【讨论】:

不幸的是,这不起作用。我很确定认为这不会在加载的事件中发生。在我调用提供图像的提要之前,该页面已完全加载。收到图像后,我像他提到的那样将其设置为源,但由于某种原因,图像显示、消失,然后它像预期的那样开始。我知道它不是很多工作。还有什么想法吗?【参考方案2】:

我敢打赌,您将图像的不透明度设置为 1,当它被加载时,您开始显示它 - 导致奇怪的闪烁。在 xaml 中将不透明度设置为 0,然后运行 ​​Storyboard(将不透明度从 0 设置为 1)。

【讨论】:

这正是我的想法!我只是不确定在哪里改变它。我尝试在全景图所在的页面上执行此操作,但没有成功。有一个名为 Generic.xaml 的页面,它看起来像故事板和背景样式。虽然我无法正确修改它。您下载了示例吗?【参考方案3】:

好吧,尽管加载需要大约一秒半的额外时间,但我终于让它停止闪烁。基本上我会将文件保存到独立存储中,然后从独立存储中加载文件,而不是在完成下载后直接将图像加载到后台。

我的想法是基于使用本地图像加载背景的示例效果很好。

就像我说的那样,由于从独立存储中保存和加载,下载需要更长的时间,但效果很好。

【讨论】:

以上是关于全景背景图像淡入动画问题?的主要内容,如果未能解决你的问题,请参考以下文章

如何通过 CSS3 动画淡入背景图像

jQuery在悬停时更改(带有淡入淡出动画)div的背景图像

角度6背景图像交叉淡入淡出动画

当用户滚动时,在 WP7 上更改全景图的背景图像

UWP - 背景图像上的淡入效果

在背景图像动画之后创建背景颜色 CSS3 动画