很简单的一个组合动画,用好基本动画啥子效果都不怕
老规矩先上图
效果图.gif
ok 来 既然往下翻那就看看如何实现的吧
首先效果分为两部分
第一部分中间指针(其实这里就是一张图片)
第二部分就是波纹,哈哈 也是图片
给中间图片一个旋转动画,一直转的那种
波纹设置放大和渐变的组合动画,然后中间指针执行一次则波纹动画跟着执行一次
这里我把他自定义为一个ScanningView,直接可拿去使用
public class ScanningView extends FrameLayout {
private static final String TAG = "ScanningView";
/**
* 指针
*/
private ImageView ivNeedle;
/**
* 波纹
*/
private ImageView ivRipple;
/**
* 中间文字
*/
private TextView tvTitle;
/**
* 装波纹的容器
*/
private FrameLayout fl_move_circle;
private Context context;
public ScanningView(Context context) {
super(context);
this.context = context;
initView();
}
public ScanningView(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}
private Handler handler = new Handler() {
@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case 1:
ivRipple.setVisibility(VISIBLE);
startOutCircleAnim();
break;
case 2:
addMoveCircle();
break;
}
}
};
/**
* 设置标题
*