android酷炫按钮-微调按钮

这个按钮在很地方可以看到，比如音箱音量调控、原来DVD功放上的按钮等等……
因为项目需要，于是简单写了一个这样的按钮。看看效果吧！

有点灯灯，看源码:

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ImageView;
 
public class RotateImageView extends ImageView {
    private float degree = 90;
    private int cx;
    private int cy;
    private Bitmap point;
    PointMark[] pms = new PointMark[4];
    private static final int range = 20;
    private DegreeChangeListener degreeChangeListener;
    public RotateImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        point = BitmapFactory.decodeResource(getResources(), R.drawable.point);
        for (int i = 0; i < pms.length; i++) {
            pms[i] = new PointMark();
            pms[i].active = false;
            pms[i].leave = true;
        }
        pms[1].active = true;
        pms[1].leave = false;
    }
    public void setDegreeChangeListener(
            DegreeChangeListener degreeChangeListener) {
        this.degreeChangeListener = degreeChangeListener;
    }
    public float getDegree() {
        return degree;
    }
    public void setDegree(float degree) {
        this.degree = degree;
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        // TODO Auto-generated method stub
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        cx = getWidth() >> 1;
        cy = getHeight() >> 1;
    }
    /**
     * @param canvas
     * @param dir
     */
    private void showPoint(Canvas canvas, int dir) {
        if (pms[dir].active) {
            canvas.save();
            switch (dir) {
            case 0:
                canvas.rotate(-90, cx, cy);
                break;
            case 1:
                canvas.rotate(0, cx, cy);
                break;
            case 2:
                canvas.rotate(90, cx, cy);
                break;
            case 3:
                canvas.rotate(180, cx, cy);
                break;
            }
            if (point != null)
                canvas.drawBitmap(point, getLeft(), getTop(), null);
            canvas.restore();
        }
    }
    private void change(int index) {
        if (pms[index].leave) {
            pms[index].active = !pms[index].active;
            pms[index].leave = false;
        }
    }
    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        // 90度初始值degree:0~360 顺序左上右下
        canvas.save();
        canvas.rotate(degree - 90, cx, cy);
        super.onDraw(canvas);
        canvas.restore();
        if (degree >= 360 - range && degree <= 360 || degree >= 0
                && degree <= range) {
            // 左边
            change(0);
            showPoint(canvas, 0);
        } else {
            pms[0].leave = true;
            showPoint(canvas, 0);
        }
        if (degree >= 90 - range && degree <= 90 + range) {
            // 上边
            change(1);
            showPoint(canvas, 1);
        } else {
            pms[1].leave = true;
            showPoint(canvas, 1);
        }
        if (degree >= 180 - range && degree <= 180 + range) {
            // 右边
            change(2);
            showPoint(canvas, 2);
        } else {
            pms[2].leave = true;
            showPoint(canvas, 2);
        }
        if (degree >= 270 - range && degree <= 270 + range) {
            // 下边
            change(3);
            showPoint(canvas, 3);
        } else {
            pms[3].leave = true;
            showPoint(canvas, 3);
        }
    }
    boolean inRange;// 是否在合理范围之内默认为30度
    int touchRange = 30;
    float lastDegree;
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // TODO Auto-generated method stub
        if (event.getAction() == MotionEvent.ACTION_DOWN) {
            float f = getRotation(cx, cy, event.getX(), event.getY(), 180);
            inRange = Math.abs(f - degree) < touchRange;
        } else if (event.getAction() == MotionEvent.ACTION_MOVE) {
            // if (inRange) {
            // 显示角度为0~180 -180-0 转成0~360
            degree = getRotation(cx, cy, event.getX(), event.getY(), 180);
            if (Math.abs(degree - lastDegree) > 10) {
                // 活动角度大于 10
                if (degreeChangeListener != null) {
                    boolean circle = (degree >= 0 && degree <= 90
                            && lastDegree <= 360 && lastDegree >= 270);// 回到原点
                    if (degree - lastDegree > 0 || circle)
                        degreeChangeListener.clockwise();
                    else
                        degreeChangeListener.anticlockwise();
                }
                lastDegree = degree;
            }
            invalidate();
            // }
        }
        return super.onTouchEvent(event);
    }
    float getRotation(float x1, float y1, float x2, float y2, float angle) {
        float value = (float) Math.toDegrees(Math.atan2(y2 - y1, x2 - x1));
        return value + angle;
    }
    private class PointMark {
        boolean active;
        boolean leave;
    }
    public interface DegreeChangeListener {
        /**
         * 顺时针
         */
        public void clockwise();// 顺时针
        /**
         * 逆时针
         */
        public void anticlockwise();// 逆时针
    }
}

最后奉上贴图，你也可以自己设计