android带指针仪表盘自动移动,Android自定义可触摸滑动的转盘（仪表盘）

快要过年了，在这里提前祝小伙伴们新年快乐！

新的一年，要多写点有质量的技术博客，哈哈。

上个月写了个自定义控件，也是我们项目的新需求，我就拿出来放在DEMO里，给大家参考一下，说实话这也是我自己正儿八经地写自定义控件。以前没写过，应该是没碰到需要自己来写的需求，网上都有现成的，这就是开源的一点好处吧，哈哈。

先放上效果图，可以用手指来触摸滑动的转盘(仪表盘)：

演示.gif

松手后自动指向最近数据：

演示2.gif

首先，测量确定控件的宽高，在XML里面设置宽度就行了，高度在代码里会直接设置为宽度的一半，这里宽度我设置为match_parent。

//只需要设置宽度即可，高度默认为宽度的一半

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="10px"

android:layout_marginRight="10px"/>

测量设置宽高

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

int width = measureWidth(widthMeasureSpec);

setMeasuredDimension(width, width/2);

}

//根据xml的设定获取宽度

private int measureWidth(int measureSpec) {

int specMode = MeasureSpec.getMode(measureSpec);

int specSize = MeasureSpec.getSize(measureSpec);

//wrap_content

if (specMode == MeasureSpec.AT_MOST){

}

//match_parent或者精确值

else if (specMode == MeasureSpec.EXACTLY){

}

return specSize;

}

初始化各个变量，创建画笔等对象

变量有圆弧的半径，半圆内长刻度的等分份数，一个长刻度内的等分份数，文字的数组，圆弧对应的矩阵等，最重要的就是手指旋转的角度，滑动的时候就是根据这个值来进行重绘。

我用了四个画笔，分别用来画默认的圆弧，选中的蓝色扇形，白色的扇形还有文字。

在onSizeChanged(int w, int h, int oldw, int oldh)方法中确定控件最终的宽高，得到圆弧的半径以及确定圆弧的矩阵。

@Override

protected void onSizeChanged(int w, int h, int oldw, int oldh) {

super.onSizeChanged(w, h, oldw, oldh);

mViewWidth = w;

mViewHeight = h;

mRadius = mViewWidth / 2 - dpToPx(10);

mRadiusChoose = mViewWidth / 2;

mRadiusSmall = mRadius / 2 - dpToPx(3);

mRectFArc.set(-mRadius,-mRadius,mRadius,mRadius);

mRectFArcChoose.set(-mRadiusChoose,-mRadiusChoose,mRadiusChoose,mRadiusChoose);

mRectFArcSmall.set(-mRadiusSmall,-mRadiusSmall,mRadiusSmall,mRadiusSmall);

...

}

接下来就是绘制了，主要用到了画布的中心位移，旋转，坐标的转换，计算触摸点和中心点的角度，这个让我又把勾股定理研究了一下午，哈哈。

滑动事件就是将触摸的点转换为画布坐标，计算出角度后进行重绘。

代码较长，就贴上全部代码：

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Matrix;

import android.graphics.Paint;

import android.graphics.Path;

import android.graphics.Rect;

import android.graphics.RectF;

import android.graphics.Typeface;

import android.text.TextUtils;

import android.util.AttributeSet;

import android.util.TypedValue;

import android.view.MotionEvent;

import android.view.View;

import com.zzm.zzmlibrary.utils.LogUtils;

import com.zzm.zzmvp.R;

/**

* Created by ZhongZiMing on 2016/12/21.

*/

public class FuelFillingView extends View {

private final float startAngle = 180; //圆弧起始角度

private final float sweepAngle = 180; //旋转的角度

private int mViewWidth,mViewHeight; //控件的宽和高

private i