您的位置:首页 > 移动开发 > Android开发

Android属性动画简单实现图片的伸缩

2017-10-25 09:33 441 查看
![这里写图片描述](http://img.blog.csdn.net/20171025154711043?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzk2OTgxNTI=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)

代码如下

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();
}
}

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android 图片 动画