iPhone 应用程序上的 Google Plus 应用程序具有这种在向下滚动应用程序时为图像设置动画效果的方式。很难描述。了解动画的最佳方式是下载最新的更新,然后滚动浏览您的流。
简而言之,它似乎在您滚动时动态加载图像,然后应用一些动画组合(渐变显示 + 缩放)使图像慢慢淡入屏幕。动画仅在第一次显示图像时生效。也就是说,上下滚动时,如果图片已经出现在流中,则不会出现动画。
在为 iOS 设备构建的移动 HTML5 应用程序(专门包含在 PhoneGap 中)上模拟此动画的最佳方法是什么?有没有人这样做过?动态加载可能是这个动画中最有趣/最具挑战性的元素,因为它非常流畅。
动态加载是否是一种幻觉(即,它们是否实际上预加载了所有图像,但在滚动时将它们动画化)?
谢谢!
最佳答案
其工作原理是:
- 编写延迟加载图片的代码(HTML+JS+CSS)
- 修改图片加载代码,结合jquery
fade-in/fade-out
或ease-in/ease-out
效果
您可以从 this 找到有关图像延迟加载的有用链接和建议。链接。
希望对您有所帮助!
关于iphone - 向下滚动时在 HTML5 移动应用程序 (PhoneGap) 中制作动画图像,例如 Google Plus iPhone 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11319654/