效果图的展示,效果图的字在实际代码中没有展示,只有图片的动画.
代码如下
private int a=0;
private ObjectAnimator animator;
private ObjectAnimator fanimator;
private ObjectAnimator animator1;
private ObjectAnimator fanimator1;
private ObjectAnimator animator2;
private ObjectAnimator fanimator2;
private ObjectAnimator animator3;
private ObjectAnimator fanimator3;
//-----伸出时的动画
animator = ObjectAnimator.ofFloat(icon, "rotation", 0f, 180f);
animator1 = ObjectAnimator.ofFloat(gt, "translationX", 0f,-80f);
animator2 = ObjectAnimator.ofFloat(copy, "translationX", 0f,-160f);
animator3 = ObjectAnimator.ofFloat(xg, "translationX", 0f,-240f);
//----缩回时的动画
fanimator = ObjectAnimator.ofFloat(icon, "rotation", 0f, -180f);
fanimator1 = ObjectAnimator.ofFloat(gt, "translationX", -80f,0f);
fanimator2 = ObjectAnimator.ofFloat(copy, "translationX", -160f,0f);
fanimator3 = ObjectAnimator.ofFloat(xg, "translationX", -240f,0f);
//-------
这里的icon gt copy xg.是我的图片id
icon = (ImageView) findViewById(R.id.icon);
gt = (ImageView) findViewById(R.id.gt);
copy = (ImageView) findViewById(R.id.copy);
xg = (ImageView) findViewById(R.id.xg);
注意一下图片是要重合在一起,一个压一个
-
//给伸出动画设置监听
animator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animator) {
}
@Override
public void onAnimationEnd(Animator animator) {
icon.setImageResource(R.drawable.icon_packup);//动画结束改变图片
}
@Override
public void onAnimationCancel(Animator animator) {
}
@Override
public void onAnimationRepeat(Animator animator) {
}
});
//给缩回动画设置监听
fanimator.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animator) {
}
@Override
public void onAnimationEnd(Animator animator) {
icon.setImageResource(R.drawable.icon_open);//改变图片
}
@Override
public void onAnimationCancel(Animator animator) {
}
@Override
public void onAnimationRepeat(Animator animator) {
}
});
icon.setOnClickListener(new View.OnClickListener() {//图片的点击事件
@Override
public void onClick(View view) {
a++;
if(a%2==1){//第一次点击是实现伸出效果
AnimatorSet animSet = new AnimatorSet();//动画集合
animSet.play(animator).with(animator1).with(animator2).with(animator3);
animSet.setDuration(1000);
animSet.start();
}else{//再点击一次实现缩回效果
AnimatorSet animSet1 = new AnimatorSet();//动画集合
animSet1.play(fanimator).with(fanimator1).with(fanimator2).with(fanimator3);
animSet1.setDuration(1000);
animSet1.start();
}
}
});