作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
请帮我解决这个问题。如何为多个图像创建淡入
和淡出
动画?如何为多个图像循环
淡入淡出动画?
{
final ImageView image = (ImageView)findViewById(R.id.imageView2);
final Animation animationFadeIn = AnimationUtils.loadAnimation(this, R.anim.fade_in);
final Animation animationFadeOut = AnimationUtils.loadAnimation(this, R.anim.fade_out);
Animation.AnimationListener animListener = new Animation.AnimationListener(){
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
image.setImageResource(R.drawable.picture001);
image.startAnimation(animationFadeIn);
}
};
image.startAnimation(animationFadeOut);
animationFadeOut.setAnimationListener(animListener);
}
最佳答案
添加一个 count
变量并在 onAnimationEnd()
中使用此变量以在上一个图像 animation
结束时更改图像。
这是工作代码:
{
final ImageView image = (ImageView)findViewById(R.id.imageView2);
final Animation animationFadeIn = AnimationUtils.loadAnimation(this, R.anim.fade_in);
final Animation animationFadeOut = AnimationUtils.loadAnimation(this, R.anim.fade_out);
Animation.AnimationListener animListener = new Animation.AnimationListener(){
// Required to change the image
int count = 0;
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
if (animation == animationFadeIn) {
// Start fade-out animation
image.startAnimation(animationFadeOut);
} else if (animation == animationFadeOut) {
count++;
// Set next image after fading out previous image
switch (count) {
case 1:
image.setImageResource(R.drawable.picture002);
image.startAnimation(animationFadeIn);
break;
case 2:
image.setImageResource(R.drawable.picture003);
image.startAnimation(animationFadeIn);
break;
case 3:
image.setImageResource(R.drawable.picture004);
image.startAnimation(animationFadeIn);
break;
default:
break;
}
}
}
};
// Set listener to animation
animationFadeIn.setAnimationListener(animListener);
animationFadeOut.setAnimationListener(animListener);
// Start fade-in animation
image.setImageResource(R.drawable.picture001);
image.startAnimation(animationFadeIn);
}
activity.xml
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
fade_in.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true" >
<alpha
android:duration="1000"
android:fromAlpha="0.0"
android:interpolator="@android:anim/accelerate_interpolator"
android:toAlpha="1.0" />
</set>
fade_out.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:fillAfter="true" >
<alpha
android:duration="1000"
android:fromAlpha="1.0"
android:interpolator="@android:anim/accelerate_interpolator"
android:toAlpha="0.0" />
</set>
希望对你有帮助~
关于java - 如何为多个图像循环淡入和淡出动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44100796/
我是一名优秀的程序员,十分优秀!