环形旋转图1

效果图  

(后来发现这个版本是有问题的，只在集合1中的角度等于90时才正常)，下一篇是修改版。

package com.example.wavedemo;


import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Paint.Align;
import android.graphics.Paint.FontMetrics;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ImageView;

public class RotationView1 extends ImageView {
	private int width;
	private int height;
	private Paint paint;
	private RectF rectf;
	private int paintWidth = 100;
	private int margin;
	private double startAngle;// 记录开始角度
	private Matrix matrix;
	private double totalRotation;
	private int padding;// 设置padding或者leftpadding
	private boolean isFirst = true;
	private Bitmap imageScaled;
	private Canvas mCanvas;
	private TextPaint textpaint;
	private int textsize = 50;
	private FontMetrics fontMetrics;

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

	public RotationView1(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public RotationView1(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init();
	}

	public void init() {
		this.setScaleType(ScaleType.MATRIX);
		paint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
		paint.setStrokeWidth(paintWidth);
		paint.setStyle(Style.STROKE);
		textpaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
		textpaint.setTextSize(textsize);
		textpaint.setTextAlign(Align.CENTER);
		if (matrix == null) {
			matrix = new Matrix();
		} else {
			matrix.reset();
		}
		setImageMatrix(matrix);
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(heightMeasureSpec, heightMeasureSpec);
	}

	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);
		width = w;
		height = h;
		padding = getPaddingLeft();
		margin = padding + paintWidth / 2;
		rectf = new RectF(margin, margin, width - margin, height - margin);
		imageScaled = Bitmap.createBitmap(width, height, Config.ARGB_8888);
		mCanvas = new Canvas();
		mCanvas.setBitmap(imageScaled);
		if (isFirst) {
			paint.setColor(Color.parseColor("#7eb445"));
			mCanvas.drawArc(rectf, 0, 90, false, paint);
			paint.setColor(Color.parseColor("#819d87"));
			mCanvas.drawArc(rectf, 90, 60, false, paint);
			paint.setColor(Color.parseColor("#e61a5f"));
			mCanvas.drawArc(rectf, 150, 210, false, paint);
		}
		isFirst = false;
		setImageBitmap(imageScaled);
		fontMetrics = textpaint.getFontMetrics();

	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		textpaint.setColor(Color.parseColor("#7eb445"));
		canvas.drawText("+0.25", width / 2, height / 2
				- (fontMetrics.ascent + fontMetrics.descent) / 2, textpaint);

	}

	/**
	 * get the quadrant of the wheel which contains the touch point (x,y)
	 * 
	 * @return quadrant 1,2,3 or 4
	 */
	private static int getQuadrant(double x, double y) {
		if (x >= 0) {
			return y >= 0 ? 1 : 4;
		} else {
			return y >= 0 ? 2 : 3;
		}
	}

	/**
	 * get the angle of a touch event.
	 */
	private double getAngle(double x, double y) {
		x = x - (width / 2d);
		y = height - y - (height / 2d);// （就是wheelHeight/2-y，由于变为数学中的坐标系，所以相当于取了一下反）

		switch (getQuadrant(x, y)) {
		case 1:
			return Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI;
		case 2:
			return 180 - Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI;
		case 3:
			return 180 + (-1 * Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI);
		case 4:
			return 360 + Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI;
		default:
			return 0;
		}
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			startAngle = getAngle(event.getX(), event.getY());
			break;

		case MotionEvent.ACTION_MOVE:
			double currentAngle = getAngle(event.getX(), event.getY());
			rotateWheel((float) (startAngle - currentAngle));
			startAngle = currentAngle;
			break;

		case MotionEvent.ACTION_UP:
			totalRotation = totalRotation % 360;
			if (totalRotation < 0) {
				totalRotation = 360 + totalRotation;
			}
			if (0 < totalRotation && totalRotation < 90) {
				Log.e("abc", "90");
				rotateWheel((float) (45 - totalRotation));
			} else if (90 < totalRotation && totalRotation < 300) {
				Log.e("abc", "360");
				rotateWheel((float) (90 + 105 - totalRotation));
			} else if (300 < totalRotation && totalRotation < 360) {
				Log.e("abc", "150");
				rotateWheel((float) (90 + 210 + 30 - totalRotation));
			}
			break;
		}

		return true;
	}

	/**
	 * rotate the wheel by the given angle
	 * 
	 * @param degrees
	 */
	private void rotateWheel(float degrees) {
		matrix.postRotate(degrees, width / 2, height / 2);
		setImageMatrix(matrix);
		totalRotation = totalRotation + degrees;
	}


}

比较简单，数据都是写死的。

第二版：

package com.example.wavedemo;

import java.util.List;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Paint.Align;
import android.graphics.Paint.FontMetrics;
import android.graphics.Paint.Style;
import android.graphics.RectF;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.widget.ImageView;
/**
 * 
 * @author huozhenpeng
 *
 */
public class RotationView extends ImageView {
	private int width;
	private int height;
	private Paint paint;
	private RectF rectf;
	private int paintWidth = 100;
	private int margin;
	private double startAngle;// 记录开始角度
	private Matrix matrix;
	private double totalRotation;
	private int padding;// 设置padding或者leftpadding
	private boolean isFirst = true;
	private Bitmap imageScaled;
	private Canvas mCanvas;
	private TextPaint textpaint;
	private int textsize = 50;
	private FontMetrics fontMetrics;
	private List<RotateBean> datas;
	private RotateBean rotateBean;
	private int currentIndex = 0;

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

	public RotationView(Context context, AttributeSet attrs) {
		this(context, attrs, 0);
	}

	public RotationView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init();
	}

	public void init() {
		this.setScaleType(ScaleType.MATRIX);
		paint = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
		paint.setStrokeWidth(paintWidth);
		paint.setStyle(Style.STROKE);
		textpaint = new TextPaint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
		textpaint.setTextSize(textsize);
		textpaint.setTextAlign(Align.CENTER);
		if (matrix == null) {
			matrix = new Matrix();
		} else {
			matrix.reset();
		}
		setImageMatrix(matrix);
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		super.onMeasure(heightMeasureSpec, heightMeasureSpec);
	}

	@Override
	protected void onSizeChanged(int w, int h, int oldw, int oldh) {
		super.onSizeChanged(w, h, oldw, oldh);
		width = w;
		height = h;
		padding = getPaddingLeft();
		margin = padding + paintWidth / 2;
		rectf = new RectF(margin, margin, width - margin, height - margin);
		imageScaled = Bitmap.createBitmap(width, height, Config.ARGB_8888);
		mCanvas = new Canvas();
		mCanvas.setBitmap(imageScaled);
		if (isFirst) {
			if (datas != null) {
				int sumDegrees = 0;
				for (int i = 0; i < datas.size(); i++) {
					rotateBean = datas.get(i);
					paint.setColor(Color.parseColor(rotateBean.getColor()));
					mCanvas.drawArc(rectf, sumDegrees, rotateBean.getDegrees(),
							false, paint);
					sumDegrees += rotateBean.getDegrees();
				}
			}
		}
		isFirst = false;
		setImageBitmap(imageScaled);
		fontMetrics = textpaint.getFontMetrics();

	}

	@Override
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		if (datas != null) {
			textpaint.setColor(Color.parseColor(datas.get(currentIndex).getColor()));
			canvas.drawText(datas.get(currentIndex).getShowData(), width / 2, height / 2
					- (fontMetrics.ascent + fontMetrics.descent) / 2, textpaint);
		}

	}

	/**
	 * 得到（x,y）点的象限值
	 * 
	 * @return quadrant 1,2,3 or 4
	 */
	private static int getQuadrant(double x, double y) {
		if (x >= 0) {
			return y >= 0 ? 1 : 4;
		} else {
			return y >= 0 ? 2 : 3;
		}
	}

	/**
	 * 得到（x,y）点的角度
	 */
	private double getAngle(double x, double y) {
		x = x - (width / 2d);
		y = height - y - (height / 2d);// （就是wheelHeight/2-y，由于变为数学中的坐标系，所以相当于取了一下反）

		switch (getQuadrant(x, y)) {
		case 1:
			return Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI;
		case 2:
			return 180 - Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI;
		case 3:
			return 180 + (-1 * Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI);
		case 4:
			return 360 + Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI;
		default:
			return 0;
		}
	}

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			startAngle = getAngle(event.getX(), event.getY());
			break;

		case MotionEvent.ACTION_MOVE:
			double currentAngle = getAngle(event.getX(), event.getY());
			rotateWheel((float) (startAngle - currentAngle));
			startAngle = currentAngle;
			break;

		case MotionEvent.ACTION_UP:
			totalRotation = totalRotation % 360;
			if (totalRotation < 0) {
				totalRotation = 360 + totalRotation;
			}
			MyPoint point = null;
			for (int i = 0; i < datas.size(); i++) {
				point = datas.get(i).getPoint();
				if (point.getX1() < totalRotation
						&& totalRotation < point.getX2()) {
					rotateWheel((float) (point.getX3() - totalRotation));
					currentIndex = i;
				}

			}
			break;
		}

		return true;
	}

	/**
	 * 要旋转的角度
	 * 
	 * @param degrees
	 */
	private void rotateWheel(float degrees) {
		matrix.postRotate(degrees, width / 2, height / 2);
		setImageMatrix(matrix);
		totalRotation = totalRotation + degrees;
	}

	/**
	 * 设置数据,寻找规律
	 * 
	 * degree x1 x2 x3
	 * 
	 * 0 90 0 90 45
	 * 
	 * 1 60 300 360 330
	 * 
	 * 2 50 250 300 225
	 * 
	 * 3 160 90 250 170
	 * 
	 * 
	 * @param datas
	 */
	public void setData(List<RotateBean> datas) {
		this.datas = datas;
		// 为point属性赋值
		for (int i = 0; i < datas.size(); i++) {
			MyPoint point = new MyPoint();
			int x1 = 0;
			int x2 = 0;
			int x3 = 0;
			if (i == 0) {
				x1 = 0;
				x2 = datas.get(i).getDegrees();
				x3 = x2 / 2;
				point.set(x1, x2, x3);
			} else {
				for (int j = i + 1; j < datas.size(); j++) {
					x1 += datas.get(j).getDegrees();
				}
				x3 = x1 + datas.get(i).getDegrees() / 2
						+ datas.get(0).getDegrees();
				x1 += datas.get(0).getDegrees();
				x2 = x1 + datas.get(i).getDegrees();
				point.set(x1, x2, x3);
			}
			datas.get(i).setPoint(point);
		}
		init();
	}

}

package com.example.wavedemo;

import java.io.Serializable;


public class RotateBean implements Serializable {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	private String showData;
	private int degrees;
	private boolean isSelected;
	private String color;// 十六进制颜色值
	private MyPoint point;//只是记录两个点（并非x和y）

	public String getShowData() {
		return showData;
	}

	public void setShowData(String showData) {
		this.showData = showData;
	}

	public int getDegrees() {
		return degrees;
	}

	public void setDegrees(int degrees) {
		this.degrees = degrees;
	}

	public boolean isSelected() {
		return isSelected;
	}

	public void setSelected(boolean isSelected) {
		this.isSelected = isSelected;
	}

	public RotateBean(String showData, int degrees) {
		super();
		this.showData = showData;
		this.degrees = degrees;
	}

	public String getColor() {
		return color;
	}

	public void setColor(String color) {
		this.color = color;
	}
	
	

	public MyPoint getPoint() {
		return point;
	}

	public void setPoint(MyPoint point) {
		this.point = point;
	}


	@Override
	public String toString() {
		return "RotateBean [showData=" + showData + ", degrees=" + degrees
				+ ", isSelected=" + isSelected + ", color=" + color
				+ ", point=" + point + "]";
	}

	public RotateBean(String showData, int degrees, String color) {
		super();
		this.showData = showData;
		this.degrees = degrees;
		this.color = color;
	}
	
		

}

package com.example.wavedemo;

import java.io.Serializable;

public class MyPoint implements Serializable {

	/**
	 * 
	 */
	private static final long serialVersionUID = 1L;

	public MyPoint() {
		// TODO Auto-generated constructor stub
	}

	private int x1;
	private int x2;
	private int x3;

	public int getX1() {
		return x1;
	}

	public void setX1(int x1) {
		this.x1 = x1;
	}

	public int getX2() {
		return x2;
	}

	public void setX2(int x2) {
		this.x2 = x2;
	}

	public int getX3() {
		return x3;
	}

	public void setX3(int x3) {
		this.x3 = x3;
	}

	public void set(int x1, int x2, int x3) {
		setX1(x1);
		setX2(x2);
		setX3(x3);
	}

	@Override
	public String toString() {
		return "MyPoint [x1=" + x1 + ", x2=" + x2 + ", x3=" + x3 + "]";
	}
	
	

}

package com.example.wavedemo;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity5 extends Activity {
	private List<RotateBean> lists;
	private RotationView rotationView;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		this.requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main6);
		rotationView=(RotationView) this.findViewById(R.id.rotateView);
		lists=new ArrayList<RotateBean>();
		lists.add(new RotateBean("+0.75", 90,"#7eb445"));
		lists.add(new RotateBean("+0.35", 60,"#819d87"));
		lists.add(new RotateBean("+0.25", 50,"#e61a5f"));
		lists.add(new RotateBean("+0.25", 160,"#000000"));
		rotationView.setData(lists);

	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {

		return super.onOptionsItemSelected(item);
	}

}

第二版方式灵活了许多，可以直接从外部设置数据进去。