突然接到需求要实现一个放大镜的旋转效果动画,当时想用直接的旋转动画来实现,结果发现还是自己太年轻,使用旋转动画的效果是放大镜围绕一个中心点旋转,根本不符合要求.最后选择使用平移动画来实现,通过不断改变平移点x、y的坐标,实现圆圈平移效果.效果图如下:
代码如下:
public class AnimationActivity extends AppCompatActivity {
@SuppressLint("StaticFieldLeak")
private static AnimaActivityBinding mBinding;
private static AnimatorSet sAnimatorSet;
private int angle = 360;
private Disposable mSubscribe;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mBinding = DataBindingUtil.setContentView(this, R.layout.anima_activity);
//定时任务,可以使用 handler
mSubscribe = Observable.interval(20L, TimeUnit.MILLISECONDS)
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Consumer<Long>() {
@Override
public void accept(Long aLong) throws Exception {
angle -= 2;
if (angle <= 0) {
angle = 360;
}
test(angle);
}
});
}
//角度 0~360
public static void test(int dr) {
dr -= 8;
int dd = dr % 360;
double d = Math.PI * dd / 180;
//半径
double r = 50;
//x,y坐标
float x = (float) (r * Math.cos(d));
float y = (float) (r * Math.sin(d));
//获取控件的坐标点
float translationX = mBinding.animaIv.getTranslationX();
float translationY = mBinding.animaIv.getTranslationY();
// x y 平移
ObjectAnimator animX =
ObjectAnimator.ofFloat(mBinding.animaIv,"translationX",translationX,x);
ObjectAnimator animY =
ObjectAnimator.ofFloat(mBinding.animaIv,"translationY",translationY,y);
sAnimatorSet = new AnimatorSet();
//添加到动画set,同时播放
sAnimatorSet.playTogether(animX,animY);
sAnimatorSet.setDuration(20);
sAnimatorSet.setInterpolator(new LinearInterpolator());
sAnimatorSet.start();
}
@Override
protected void onPause() {
super.onPause();
//取消任务和动画
if (mSubscribe != null && !mSubscribe.isDisposed()){
mSubscribe.dispose();
}
if (sAnimatorSet != null && sAnimatorSet.isStarted()){
sAnimatorSet.cancel();
}
}
}