如何在画布上逐个绘制多个图像,就像带有淡入和淡出动画的幻灯片一样

时间:2012-04-24 10:27:28

标签: java android imageview slideshow android-canvas

我正在开发一个动态壁纸,我是新的并且坚持这个问题,任何人都可以告诉我如何在画布上逐个绘制图像,如幻灯片和fadein动画幻灯片。 我能够在视图和布局上执行此动画,但我不知道在画布上运行它们。请帮忙!

1 个答案:

答案 0 :(得分:0)

不确定您的意思是java还是javascript

关于淡入解决方案的一些线索:

var delta = 0;
var interval = 0;
var duration = 2000;

setInterval(function() {
  ctx.globalAlpha = 1.0;
  ctx.drawImage(oldImage);

  ctx.globalAlpha = delta / duration;
  ctx.drawImage(nextImage);

  delta += interval;
}, interval);
  • 考虑使用requestAnimationFrame代替计时器

  • 使用(新日期).getTime()

  • 计算实际增量
  • 使用一些缓动方程 - 例如:

alpha = Math.sin(0.5 * Math.PI * delta / duration)