android 声波及点击水波纹 雷达扫描效果

【实例截图】

【核心代码】

package demo.wez.com.radar.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.graphics.drawable.BitmapDrawable;
import android.os.Handler;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Toast;

import java.util.HashMap;
import java.util.Map;

import demo.wez.com.radar.R;

/**
 * 类名：RadarView
 * 作者：wangenzhao
 * 时间：2016/6/9
 */
public class RadarView extends View {

    private final Context context;
    int w, h;//屏幕宽高
    int screen_center_x, screen_center_y;
    Paint mEmptyCirclePaint = null;
    private Bitmap profilePic = null;
    int imageHalfWidth;
    private Paint mGradientCirelePaint = null;//带渐变效果的笔

    Handler handler = new Handler();

    int degree = 0;

    Matrix rotate_matrix;

    Runnable rotetaRun = new Runnable() {
        @Override
        public void run() {
            rotate_matrix.postRotate(  degree, screen_center_x, screen_center_y);
            RadarView.this.invalidate();

            handler.postDelayed(rotetaRun, 50);
        }
    };

    public RadarView(Context context, AttributeSet attrs) {
        super(context, attrs);

        this.context = context;
        w = context.getResources().getDisplayMetrics().widthPixels;
        h = context.getResources().getDisplayMetrics().heightPixels;

        screen_center_x = w / 2;
        screen_center_y = h / 2;

        setBackgroundResource(R.drawable.alv);
        initPaint();
        rotate_matrix = new Matrix();
        handler.post(rotetaRun);
    }

    private void initPaint() {
        mEmptyCirclePaint = new Paint();
        mEmptyCirclePaint.setColor(Color.parseColor("#A1A1A1"));
        mEmptyCirclePaint.setStrokeWidth(3);
//        mEmptyCirclePaint.setAntiAlias(true);
        mEmptyCirclePaint.setStyle(Paint.Style.STROKE);

        //渐变效果的笔
        mGradientCirelePaint = new Paint();
//        mGradientCirelePaint.setColor(Color.parseColor("#743892"));
        Shader mShader = new SweepGradient(screen_center_x,
                screen_center_y,
                Color.TRANSPARENT,
                Color.parseColor("#AAAAAAAA"));
        mGradientCirelePaint.setShader(mShader);
        mGradientCirelePaint.setAntiAlias(true);

        //获取头像
        profilePic = ((BitmapDrawable) getResources().getDrawable(R.drawable.center)).getBitmap();

        //矩阵
        Matrix matrix = new Matrix();
        imageHalfWidth = 4 * (w / 6) / 5;

        //计算比例
        float sx = (float)2 * imageHalfWidth/profilePic.getWidth();
        float sy = (float)2 * imageHalfWidth/profilePic.getHeight();

        matrix.setScale(sx, sy);

        //进行压缩
        profilePic = Bitmap.createBitmap(profilePic,
                0,
                0,
                profilePic.getWidth(),
                profilePic.getHeight(),
                matrix,
                false);

    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        //画圆
        canvas.drawCircle(screen_center_x, screen_center_y, w / 6, mEmptyCirclePaint);
        canvas.drawCircle(screen_center_x, screen_center_y, w / 3, mEmptyCirclePaint);
        canvas.drawCircle(screen_center_x, screen_center_y, 11 * w / 20, mEmptyCirclePaint);
        canvas.drawCircle(screen_center_x, screen_center_y, 7 * h / 16, mEmptyCirclePaint);

        //画头像
        canvas.drawBitmap(profilePic, screen_center_x - imageHalfWidth, screen_center_y - imageHalfWidth, null);

        if (waves != null && waves.keySet().size() > 0) {
            for (String n : waves.keySet()) {
                if (waves.get(n) != null) {
                    Wave wave = waves.get(n);
                    canvas.drawCircle(wave.cx,
                            wave.cy,
                            wave.currentRadius,
                            wave.mPaint);
                }
            }
        }

        //drawing gradient circle
        canvas.concat(rotate_matrix);
        canvas.drawCircle(screen_center_x, screen_center_y, 7 * h / 16, mGradientCirelePaint);
        rotate_matrix.reset();

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            int x = (int) event.getX();
            int y = (int) event.getY();
            launchingSingleWave(x, y);
        }
        return super.onTouchEvent(event);
    }

    Map<String, Wave> waves;

    private void launchingSingleWave(int x, int y) {
        final Wave tmp = new Wave(x,
                y,
                7 * h / 16,
                0,
                0,
                Color.parseColor("#22ffffff"));
        if (waves == null) {
            waves = new HashMap<>();
        }
        final String tag = "" System.currentTimeMillis();
        waves.put(tag, tmp);
        Runnable waveRun = new Runnable() {
            @Override
            public void run() {
                if (tmp.currentRadius < tmp.maxRadius) {
                    //圆圈扩大
                    tmp.currentRadius  = 10;
                    //透明度增加
                    int diff = tmp.maxRadius - tmp.startRadius;
                    tmp.mPaint.setAlpha((tmp.maxRadius - tmp.currentRadius) * 100 / diff);
                    handler.postDelayed(this, 10);
                } else {
                    waves.put(tag, null);
                }
            }
        };
        waveRun.run();
    }
}