Android 颜色选择控件

最新推荐文章于 2024-05-06 18:24:59 发布

doujiawei_1862391

最新推荐文章于 2024-05-06 18:24:59 发布

阅读量1.3k

点赞数

分类专栏： android 文章标签： color Color Pick

本文链接：https://blog.csdn.net/doujiawei_1862391/article/details/38066107

版权

android 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

这个View是API DEMO 里面ColorPickDialog一个对话框类里面抽取出来了一个类，本来在ColorPickViewDialog.java里面是一个内部类。

package com.aiscot.gesture.view;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ColorMatrix;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import com.aiscot.gesture.R;
import com.aiscot.gesture.activity.GestureColorActivity;


public class ColorPickerView extends View {
	private Paint mPaint;
	private Paint mCenterPaint;
	private final int[] mColors;
	private OnColorChangedListener mListener;
	
	private boolean isSelected = false;
	
	
	public ColorPickerView(Context context) {
		super(context);
		mColors = new int[] { 0xFFFF0000, 0xFFFF00FF, 0xFF0000FF, 0xFF00FFFF,
				0xFF00FF00, 0xFFFFFF00, 0xFFFF0000 };
		Shader s = new SweepGradient(0, 0, mColors, null);
		
		mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		mPaint.setShader(s);
		mPaint.setStyle(Paint.Style.STROKE);
		mPaint.setStrokeWidth(STROKE_WIDTH);
		mPaint.setAntiAlias(true);
		mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		mCenterPaint.setAntiAlias(true);
		mCenterPaint.setColor(Color.CYAN);
		mCenterPaint.setStrokeWidth(5);
	}

	public ColorPickerView(Context context,AttributeSet att){
		super(context,att);
		mColors = new int[] { 0xFFFF0000, 0xFFFF00FF, 0xFF0000FF, 0xFF00FFFF,
				0xFF00FF00, 0xFFFFFF00, 0xFFFF0000 };
		Shader s = new SweepGradient(0, 0, mColors, null);
		
		mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		mPaint.setShader(s);
		mPaint.setStyle(Paint.Style.STROKE);
		mPaint.setStrokeWidth(STROKE_WIDTH);
		mPaint.setAntiAlias(true);
		mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		mCenterPaint.setAntiAlias(true);
		mCenterPaint.setColor(Color.CYAN);
		mCenterPaint.setStrokeWidth(5);
	}
	
	public ColorPickerView(Context context,AttributeSet att,int defStyle){
		super(context,att,defStyle);
		mColors = new int[] { 0xFFFF0000, 0xFFFF00FF, 0xFF0000FF, 0xFF00FFFF,
				0xFF00FF00, 0xFFFFFF00, 0xFFFF0000 };
		Shader s = new SweepGradient(0, 0, mColors, null);
		
		mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		mPaint.setShader(s);
		mPaint.setStyle(Paint.Style.STROKE);
		mPaint.setStrokeWidth(STROKE_WIDTH);
		mPaint.setAntiAlias(true);
		
		mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		mCenterPaint.setAntiAlias(true);
		mCenterPaint.setColor(Color.CYAN);
		mCenterPaint.setStrokeWidth(5);
	}
	
	
	/**
	 * 初始选中的颜色
	 * @param color
	 */
	public void setInitColor(int color){
		mCenterPaint.setColor(color);
	}
	
	
	public void setOnColorChangedListener(OnColorChangedListener listener){
		mListener = listener;
	}
	
	private boolean mTrackingCenter;
	private boolean mHighlightCenter;

	@Override
	protected void onDraw(Canvas canvas) {
		mPaint.setStrokeWidth(STROKE_WIDTH);
		float r = CENTER_X - mPaint.getStrokeWidth() * 0.5f;
		
		canvas.translate(CENTER_X, CENTER_X);
		canvas.drawOval(new RectF(-r, -r, r, r), mPaint);
		canvas.drawCircle(0, 0, CENTER_RADIUS, mCenterPaint);
		Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.color_select);
		//是否绘制中间的对号
		if(isSelected)canvas.drawBitmap(bmp, -bmp.getWidth()/2, -bmp.getHeight()/2, new Paint());
		if (mTrackingCenter) {
			int c = mCenterPaint.getColor();
			mCenterPaint.setStyle(Paint.Style.STROKE);
			if (mHighlightCenter) {
				mCenterPaint.setAlpha(0xFF);
			} else {
				mCenterPaint.setAlpha(0x80);
			}
			canvas.drawCircle(0, 0,
					CENTER_RADIUS + mCenterPaint.getStrokeWidth(), mCenterPaint);
			mCenterPaint.setStyle(Paint.Style.FILL);
			mCenterPaint.setColor(c);
		}
	}

	
	


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

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
		setMeasuredDimension(CENTER_X * 2, CENTER_Y * 2);
	}
	
	
	//设置View的整个宽度，其他单位自动根据这个值调整
	public void setMaxWidth(int width){
		CENTER_X = width/2;
		CENTER_Y = width/2;
		CENTER_RADIUS = (int) (width/2.5/2);
		STROKE_WIDTH = (int) (width/2.3)-CENTER_RADIUS;
	}
	
	/**
	 * 整个View的宽度
	 */
	private static int CENTER_X = 100;
	/**
	 * 整个View的高度
	 */
	private static int CENTER_Y = 100;
	/**
	 * 中间圆的半径
	 */
	private static int CENTER_RADIUS = 50;
	/**
	 * 外圈圆的宽度
	 */
	private static int STROKE_WIDTH = 100;
	
	
	private int floatToByte(float x) {
		int n = java.lang.Math.round(x);
		return n;
	}

	private int pinToByte(int n) {
		if (n < 0) {
			n = 0;
		} else if (n > 255) {
			n = 255;
		}
		return n;
	}

	private int ave(int s, int d, float p) {
		return s + java.lang.Math.round(p * (d - s));
	}
	
	private int interpColor(int colors[], float unit) {
		if (unit <= 0) {
			return colors[0];
		}
		if (unit >= 1) {
			return colors[colors.length - 1];
		}
		
		float p = unit * (colors.length - 1);
		int i = (int) p;
		p -= i;

		// now p is just the fractional part [0...1) and i is the index
		int c0 = colors[i];
		int c1 = colors[i + 1];
		int a = ave(Color.alpha(c0), Color.alpha(c1), p);
		int r = ave(Color.red(c0), Color.red(c1), p);
		int g = ave(Color.green(c0), Color.green(c1), p);
		int b = ave(Color.blue(c0), Color.blue(c1), p);
		
		return Color.argb(a, r, g, b);
	}

	private int rotateColor(int color, float rad) {
		float deg = rad * 180 / 3.1415927f;
		int r = Color.red(color);
		int g = Color.green(color);
		int b = Color.blue(color);

		ColorMatrix cm = new ColorMatrix();
		ColorMatrix tmp = new ColorMatrix();

		cm.setRGB2YUV();
		tmp.setRotate(0, deg);
		cm.postConcat(tmp);
		tmp.setYUV2RGB();
		cm.postConcat(tmp);

		final float[] a = cm.getArray();

		int ir = floatToByte(a[0] * r + a[1] * g + a[2] * b);
		int ig = floatToByte(a[5] * r + a[6] * g + a[7] * b);
		int ib = floatToByte(a[10] * r + a[11] * g + a[12] * b);

		return Color.argb(Color.alpha(color), pinToByte(ir), pinToByte(ig),
				pinToByte(ib));
	}

	private static final float PI = 3.1415926f;

	@Override
	public boolean onTouchEvent(MotionEvent event) {
		float x = event.getX() - CENTER_X;
		float y = event.getY() - CENTER_Y;
		boolean inCenter = java.lang.Math.sqrt(x * x + y * y) <= CENTER_RADIUS;
		
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			mTrackingCenter = inCenter;
			GestureColorActivity.mInstance.restureImg();
			setSelected(true);
			if (inCenter) {
				mHighlightCenter = true;
				invalidate();
				break;
			}
		case MotionEvent.ACTION_MOVE:
			if (mTrackingCenter) {
				if (mHighlightCenter != inCenter) {
					mHighlightCenter = inCenter;
					invalidate();
				}
			} else {
				float angle = (float) java.lang.Math.atan2(y, x);
				// need to turn angle [-PI ... PI] into unit [0....1]
				float unit = angle / (2 * PI);
				if (unit < 0) {
					unit += 1;
				}
				mCenterPaint.setColor(interpColor(mColors, unit));
				invalidate();
			}
			break;
		case MotionEvent.ACTION_UP:
			GestureColorActivity.mInstance.setViewColor(mCenterPaint.getColor());
			if (mTrackingCenter) {
				if (inCenter && mListener!= null) {
					mListener.colorChanged(mCenterPaint.getColor());
				}
				mTrackingCenter = false; // so we draw w/o halo
				invalidate();
			}
			break;
		}
		return true;
	}
	
	public interface OnColorChangedListener {
		void colorChanged(int color);
	}

}

在布局文件里添加ColorPickView

    <your_package.ColorPickerView
        android:id="@+id/colorpickerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/block"
        android:layout_centerHorizontal="true"
         />

至于怎么在Activity里使用就不必具体描述了，只要把setMaxWidth（）设置一下就OK 我自己的设置的是屏幕宽度*0.87