public class LockView extends View {
? ? //半徑
? ? private int radius;
? ? //中心小圓半徑
? ? private int smallRadius;
? ? //一行個(gè)數(shù)
? ? private int column;
? ? //選中顏色
? ? private int selectColor;
? ? //未選中顏色
? ? private int normalColor;
? ? //陰影顏色
? ? private int shaderColor;
? ? //連線的顏色
? ? private int lineColor;
? ? //圓線寬
? ? private int circleStrokeWidth;
? ? //連線的線寬
? ? private int lineStrokeWidth;

? ? private Paint normalPaint;
? ? private Paint selectPaint;
? ? private Paint linePaint;
? ? private Paint centerPaint;
? ? private int width;
? ? //每個(gè)圓寬度
? ? private int everyWidth;
? ? //是否是選中繪制
? ? private boolean isSelect;
? ? //所有圓信息
? ? private List<Point> allCircleList = new ArrayList<>();
? ? //選中圓的標(biāo)志
? ? private List<Integer> selectList = new ArrayList<>();
? ? //是否是重置
? ? private boolean isReSet;
? ? private LockViewFinishListener lockViewFinishListener;

? ? public LockView(Context context, @Nullable AttributeSet attrs) {
? ? ? ? super(context, attrs);
? ? ? ? init(context, attrs);
? ? }

? ? public LockViewFinishListener getLockViewFinishListener() {
? ? ? ? return lockViewFinishListener;
? ? }

? ? public void setLockViewFinishListener(LockViewFinishListener lockViewFinishListener) {
? ? ? ? this.lockViewFinishListener = lockViewFinishListener;
? ? }

? ? private void init(Context context, AttributeSet attrs) {
? ? ? ? TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.LockView);
? ? ? ? radius = typedArray.getInteger(R.styleable.LockView_lock_radius,100);
? ? ? ? smallRadius = typedArray.getInteger(R.styleable.LockView_smallRadius,30);
? ? ? ? column = typedArray.getInteger(R.styleable.LockView_column,3);
? ? ? ? selectColor =typedArray.getColor(R.styleable.LockView_selectColor,Color.RED);
? ? ? ? normalColor = typedArray.getColor(R.styleable.LockView_lock_normalColor,Color.GRAY);
? ? ? ? shaderColor = typedArray.getColor(R.styleable.LockView_shaderColor,Color.argb(80, 0xff, 0x00, 0x00));
? ? ? ? lineColor = typedArray.getColor(R.styleable.LockView_lineColor,Color.RED);
? ? ? ? circleStrokeWidth = typedArray.getInteger(R.styleable.LockView_circleStrokeWidth,5);
? ? ? ? lineStrokeWidth = typedArray.getInteger(R.styleable.LockView_lineStrokeWidth,15);

? ? ? ? normalPaint = new Paint();
? ? ? ? normalPaint.setColor(normalColor);
? ? ? ? normalPaint.setAntiAlias(false);//設(shè)置為無鋸齒
? ? ? ? normalPaint.setStrokeWidth(circleStrokeWidth);//線寬
? ? ? ? normalPaint.setStyle(Paint.Style.STROKE);

? ? ? ? selectPaint = new Paint();
? ? ? ? selectPaint.setColor(selectColor);
? ? ? ? selectPaint.setAntiAlias(false);
? ? ? ? selectPaint.setStrokeWidth(circleStrokeWidth);
? ? ? ? selectPaint.setStyle(Paint.Style.STROKE);

? ? ? ? centerPaint = new Paint();
? ? ? ? centerPaint.setColor(selectColor);
? ? ? ? centerPaint.setAntiAlias(false);
? ? ? ? centerPaint.setStrokeWidth(radius - smallRadius);
? ? ? ? centerPaint.setStyle(Paint.Style.FILL_AND_STROKE);

? ? ? ? linePaint = new Paint();
? ? ? ? linePaint.setColor(lineColor);
? ? ? ? linePaint.setAntiAlias(false);//設(shè)置為無鋸齒
? ? ? ? linePaint.setStrokeWidth(lineStrokeWidth);//線寬
? ? ? ? linePaint.setAlpha(150);
? ? ? ? linePaint.setStyle(Paint.Style.STROKE);
? ? }

? ? @Override
? ? protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
? ? ? ? width = measureWidth(widthMeasureSpec);
? ? ? ? setMeasuredDimension(width, width);
? ? ? ? everyWidth = (width - getPaddingLeft() - getPaddingRight()) / column;
? ? ? ? allCircleList.clear();
? ? ? ? for (int i = 0; i < column; i++) {
? ? ? ? ? ? for (int j = 0; j < column; j++) {
? ? ? ? ? ? ? ? float cx = getPaddingLeft() + everyWidth / 2 * (2 * j + 1);
? ? ? ? ? ? ? ? float cy = getPaddingTop() + everyWidth / 2 * (2 * i + 1);
? ? ? ? ? ? ? ? Point point = new Point();
? ? ? ? ? ? ? ? point.cx = cx;
? ? ? ? ? ? ? ? point.cy = cy;
? ? ? ? ? ? ? ? allCircleList.add(point);
? ? ? ? ? ? }
? ? ? ? }
? ? }

? ? @Override
? ? protected void onDraw(Canvas canvas) {
? ? ? ? super.onDraw(canvas);
? ? ? ? for (int i = 0; i < allCircleList.size(); i++) {
? ? ? ? ? ? Point point = allCircleList.get(i);
? ? ? ? ? ? canvas.drawCircle(point.cx, point.cy, radius, normalPaint);
? ? ? ? }
? ? ? ? if (isReSet) {//重置
? ? ? ? ? ? isReSet = false;
? ? ? ? ? ? postInvalidate();
? ? ? ? } else {
? ? ? ? ? ? if (isSelect) {
? ? ? ? ? ? ? ? for (int i = 0; i < selectList.size(); i++) {
? ? ? ? ? ? ? ? ? ? int index = selectList.get(i);
? ? ? ? ? ? ? ? ? ? Point point = allCircleList.get(index);
? ? ? ? ? ? ? ? ? ? canvas.drawCircle(point.cx, point.cy, radius, selectPaint);
? ? ? ? ? ? ? ? ? ? Shader mShader = new RadialGradient(point.cx, point.cy, smallRadius, new int[]{selectColor, shaderColor},
? ? ? ? ? ? ? ? ? ? ? ? ? ? new float[]{0.9f, 1f}, Shader.TileMode.CLAMP);
? ? ? ? ? ? ? ? ? ? centerPaint.setShader(mShader);
? ? ? ? ? ? ? ? ? ? canvas.drawCircle(point.cx, point.cy, smallRadius, centerPaint);
? ? ? ? ? ? ? ? ? ? if (i >= 1) {
? ? ? ? ? ? ? ? ? ? ? ? int lastIndex = selectList.get(i - 1);
? ? ? ? ? ? ? ? ? ? ? ? Point lastPoint = allCircleList.get(lastIndex);
? ? ? ? ? ? ? ? ? ? ? ? canvas.drawLine(lastPoint.cx, lastPoint.cy, point.cx, point.cy, linePaint);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? }
? ? }

? ? @Override
? ? public boolean onTouchEvent(MotionEvent event) {
? ? ? ? switch (event.getAction()) {
? ? ? ? ? ? case MotionEvent.ACTION_DOWN:
? ? ? ? ? ? ? ? isReSet = true;
? ? ? ? ? ? ? ? selectList.clear();

? ? ? ? ? ? ? ? int index = calculateWhich(event.getX(), event.getY());
? ? ? ? ? ? ? ? if (index != -1) {
? ? ? ? ? ? ? ? ? ? selectList.add(index);
? ? ? ? ? ? ? ? ? ? isSelect = true;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_MOVE:
? ? ? ? ? ? ? ? index = calculateWhich(event.getX(), event.getY());
? ? ? ? ? ? ? ? if (index != -1) {
? ? ? ? ? ? ? ? ? ? if (!selectList.contains(index)) {
? ? ? ? ? ? ? ? ? ? ? ? selectList.add(index);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? break;
? ? ? ? ? ? case MotionEvent.ACTION_UP:
? ? ? ? ? ? ? ? if (lockViewFinishListener != null) {
? ? ? ? ? ? ? ? ? ? StringBuffer result = new StringBuffer();
? ? ? ? ? ? ? ? ? ? for (int i = 0; i < selectList.size(); i++) {
? ? ? ? ? ? ? ? ? ? ? ? result.append(selectList.get(i));
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? lockViewFinishListener.onSuccess(result + "");
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? break;
? ? ? ? }
? ? ? ? postInvalidate();
? ? ? ? return true;
? ? }

? ? /**
? ? ?* 計(jì)算控件寬高
? ? ?*
? ? ?* @param widthMeasureSpec
? ? ?* @return
? ? ?*/
? ? private int measureWidth(int widthMeasureSpec) {
? ? ? ? int result;
? ? ? ? int specSize = MeasureSpec.getSize(widthMeasureSpec);
? ? ? ? int specMode = MeasureSpec.getMode(widthMeasureSpec);
? ? ? ? if (specMode == MeasureSpec.EXACTLY) {
? ? ? ? ? ? result = specSize;
? ? ? ? } else {
? ? ? ? ? ? result = getPaddingLeft() + getPaddingRight() + radius * 2 * column ;
? ? ? ? ? ? if (specMode == MeasureSpec.AT_MOST) {
? ? ? ? ? ? ? ? result = Math.min(result, specSize);
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? return result;
? ? }

? ? /**
? ? ?* 計(jì)算是在哪個(gè)圓中
? ? ?*
? ? ?* @return
? ? ?*/
? ? private int calculateWhich(float lx, float ly) {
? ? ? ? for (int i = 0; i < allCircleList.size(); i++) {
? ? ? ? ? ? Point point = allCircleList.get(i);
? ? ? ? ? ? if (lx > point.cx - radius && lx < point.cx + radius) {
? ? ? ? ? ? ? ? if (ly > point.cy - radius && ly < point.cy + radius) {
? ? ? ? ? ? ? ? ? ? return i;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? }
? ? ? ? return -1;
? ? }

? ? public interface LockViewFinishListener {
? ? ? ? void onSuccess(String result);
? ? }

? ? private class Point {
? ? ? ? private float cx;
? ? ? ? private float cy;
? ? }

}

<!--九宮格鎖屏控件-->
? ? <declare-styleable name="LockView">
? ? ? ? <!--大圓半徑-->
? ? ? ? <attr name="lock_radius" format="integer"/>
? ? ? ? <!--小圓半徑-->
? ? ? ? <attr name="smallRadius" format="integer"/>
? ? ? ? <!--一行個(gè)數(shù)-->
? ? ? ? <attr name="column" format="integer"/>
? ? ? ? <!--選中顏色-->
? ? ? ? <attr name="selectColor" format="color"/>
? ? ? ? <!--未選中顏色-->
? ? ? ? <attr name="lock_normalColor" format="color"/>
? ? ? ? <!--陰影顏色-->
? ? ? ? <attr name="shaderColor" format="color"/>
? ? ? ? <!--連線的顏色-->
? ? ? ? <attr name="lineColor" format="color"/>
? ? ? ? <!--圓線寬-->
? ? ? ? <attr name="circleStrokeWidth" format="integer"/>
? ? ? ? <!--連線的線寬-->
? ? ? ? <attr name="lineStrokeWidth" format="integer"/>
</declare-styleable>