廢話不多說直接上代碼
xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.soexample.umeng.compass.MainActivity">

    <TextView
        android:id="@+id/tv_angla"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="@dimen/dp_80"
        android:textColor="@android:color/black"
        android:textSize="@dimen/sp_24" />

    <RelativeLayout
        android:layout_width="@dimen/dp_240"
        android:layout_height="@dimen/dp_240"
        android:layout_centerInParent="true">

        <com.soexample.umeng.compass.DemoZhiNaZhen
            android:id="@+id/test"
            android:layout_width="@dimen/dp_240"
            android:layout_height="@dimen/dp_240"
            android:layout_centerInParent="true" />

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="@dimen/dp_22"
            android:src="@drawable/znz" />
    </RelativeLayout>

</RelativeLayout>

mainActivity

public class DemoZhiNaZhen extends View implements SensorEventListener {

    private int mWidth;
    private int mHeigth;
    private Sensor sensor;
    private SensorManager sensorManager;
    private int toDegrees;
    private Paint mPaint;

    public void setCureentAngla(int mCureentAngla) {
        this.mCureentAngla = mCureentAngla;
        if (sensorManager == null) {
            sensorManager = (SensorManager) context.getSystemService(SENSOR_SERVICE);
            //通過 getDefaultSensor 獲得指南針傳感器
            sensor = sensorManager.getDefaultSensor(Sensor.TYPE_ORIENTATION);
            //為傳感器管理者注冊監(jiān)聽器虚倒，第三個參數(shù)指獲取速度正常
            sensorManager.registerListener(this, sensor, SensorManager.SENSOR_DELAY_GAME);
        }
    }

    private int mCureentAngla = 181;
    private Paint mBitmapPaint;
    private Paint mTextPaint;
    private Context context;

    public DemoZhiNaZhen(Context context) {
        this(context, null);
    }

    public DemoZhiNaZhen(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public DemoZhiNaZhen(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        this.context = context;
        mPaint = new Paint();
        mPaint.setDither(true);
        mPaint.setAntiAlias(true);
        mPaint.setColor(Color.GRAY);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(getResources().getDimension(R.dimen.dp_1));
        mPaint.setStrokeCap(Paint.Cap.ROUND);
        mPaint.setStrokeJoin(Paint.Join.ROUND);

        mBitmapPaint = new Paint();
        mBitmapPaint.setDither(true);
        mBitmapPaint.setAntiAlias(true);

        mTextPaint = new Paint();
        mTextPaint.setDither(true);
        mTextPaint.setAntiAlias(true);
        mTextPaint.setColor(Color.GRAY);
        mTextPaint.setTextSize(getResources().getDimension(R.dimen.sp_12));

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        mWidth = MeasureSpec.getSize(widthMeasureSpec);
        mHeigth = MeasureSpec.getSize(heightMeasureSpec);
        setMeasuredDimension(mWidth, mHeigth);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        int x = mWidth / 2;
        int y = mHeigth / 2;
        int r = (int) (mWidth * 0.42);
        canvas.save();
        for (int i = 0 ; i < 120 ; i++) {
            if (i == 0) {
                mPaint.setColor(Color.RED);
                drawText("北", canvas);
                canvas.drawLine(x, y - r, x, (float) (y - r + x * 0.1), mPaint);
            } else if (i == 30) {
                mPaint.setColor(Color.RED);
                drawText("東", canvas);
                canvas.drawLine(x, y - r, x, (float) (y - r + x * 0.1), mPaint);
            } else if (i == 60) {
                mPaint.setColor(Color.RED);
                drawText("南", canvas);
                canvas.drawLine(x, y - r, x, (float) (y - r + x * 0.1), mPaint);
            } else if (i == 90) {
                mPaint.setColor(Color.RED);
                drawText("西", canvas);
                canvas.drawLine(x, y - r, x, (float) (y - r + x * 0.1), mPaint);
            } else if (i == 5 || i == 10 || i == 20 || i == 25 || i == 15 || i == 35 || i == 40
                    || i == 45 || i == 50 || i == 55 || i == 65 || i == 70 || i == 75 || i == 80
                    || i == 85 || i == 95 || i == 100 || i == 105 || i == 110 || i == 115) {
                mPaint.setColor(Color.BLACK);
                drawText(i * 3 + "", canvas);
                canvas.drawLine(x, y - r, x, (float) (y - r + x * 0.1), mPaint);
            } else {
                //繪制下層菊花
                mPaint.setColor(Color.GRAY);
                canvas.drawLine(x, y - r, x, (float) (y - r + x * 0.1), mPaint);
            }
            canvas.rotate(360 / 120, x, y);
        }
        for (int i = 0 ; i < 360 ; i++) {
            if (mCureentAngla == i) {
                canvas.drawLine(x, y - r, x, (float) (y - r + x * 0.2), mPaint);
            }
            canvas.rotate(360 / 360, x, y);
        }
        canvas.restore();
    }

    public void drawText(String string, Canvas canvas) {

        //畫中間文字
        String text = string;
        Rect textRect = new Rect();
        mTextPaint.getTextBounds(text, 0, text.length(), textRect);
        int startX = getWidth() / 2 - textRect.width() / 2;
        int textHeight = textRect.height();
        int baseLine = 0;
        Paint.FontMetricsInt fontMetricsInt = mTextPaint.getFontMetricsInt();
        int dy = (fontMetricsInt.bottom - fontMetricsInt.top) / 2 - fontMetricsInt.bottom;
        baseLine = textHeight / 2 + dy;

        canvas.drawText(text, startX, baseLine, mTextPaint);
    }

    @Override
    public void onSensorChanged(SensorEvent sensorEvent) {
        switch (sensorEvent.sensor.getType()) {
            case Sensor.TYPE_ORIENTATION:
                //順時針轉(zhuǎn)動為正，故手機順時針轉(zhuǎn)動時繁仁，圖片得逆時針轉(zhuǎn)動
                toDegrees = (int) -sensorEvent.values[0];
                if (this.onAnglaChanged != null) {
                    onAnglaChanged.onChanged(toDegrees);
                }
                break;
        }

    }

    @Override
    public void onAccuracyChanged(Sensor sensor, int i) {

    }

    @Override
    protected void onDetachedFromWindow() {
        super.onDetachedFromWindow();
        if (sensorManager != null) {
            sensorManager.unregisterListener(this);
        }
    }

    public interface OnAnglaChanged {
        void onChanged(int angla);
    }

    public OnAnglaChanged onAnglaChanged;

    public void setOnAnglaChanged(OnAnglaChanged onAnglaChanged) {
        this.onAnglaChanged = onAnglaChanged;
    }
}

在values 中創(chuàng)建dimen 資源文件

<resources>
    <dimen name="dp_1">1dp</dimen>
    <dimen name="dp_80">80dp</dimen>
    <dimen name="sp_24">24sp</dimen>
    <dimen name="dp_240">240dp</dimen>
    <dimen name="dp_22">22dp</dimen>
    <dimen name="sp_12">12sp</dimen>
</resources>

最后給大家看看效果

碼字不易
請點贊評論加關(guān)注?