`
jiava9900
  • 浏览: 86198 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

Android颜色选择器

阅读更多

    参考网上文章,做了两种颜色选择器。



一种是固定颜色的选择器,这个很简单,只要画出来各种颜色区域,用户选择哪个,就选择了什么颜色。

另一种是万能颜色选择器,这个有一些算法的,所以就参考了网上的文章(由于原始出处不详,就不表示感谢了),又做了一些优化和修改。



目前的这个万能颜色选择器的功能已经足够了,也没什么可保密的,就放上来,给需要的人做个参考。喜欢就拿去好了。



<textarea cols="50" rows="15" name="code" class="java">package arui.csdn.generaltools.colorchooser.universalcolor;
import arui.csdn.generaltools.colorchooser.ColorChooserType;
import arui.csdn.generaltools.colorchooser.OnColorChangedListener;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.view.MotionEvent;
import android.view.View;
/**
* Universal color view class. This class will draw color chooser graph.
*
* @author http://blog.csdn.net/arui319
*
*/
public class UniversalColorView extends View {
private Paint mPaint;
private Paint mCenterPaint;
private Paint mHSVPaint;
private final int[] mColors;
private int[] mHSVColors;
private boolean mRedrawHSV;
private OnColorChangedListener mListener;
private boolean mTrackingCenter;
private boolean mHighlightCenter;
private static final int CENTER_X = 100;
private static final int CENTER_Y = CENTER_X;
private static final int CENTER_RADIUS = 30;
private static final int OUTER_RADIUS = 100;
private static final int HSV_X = CENTER_X;
private static final int HSV_Y_TOP = CENTER_Y + 10;
private static final int HSV_Y_BOTOM = HSV_Y_TOP + 20;
private static final float PI = 3.1415926f;
public UniversalColorView(Context context, OnColorChangedListener listener,
int color) {
super(context);
this.setBackgroundColor(Color.LTGRAY);
mListener = listener;
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(55);
mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mCenterPaint.setColor(color);
mCenterPaint.setStrokeWidth(5);
mHSVColors = new int[] { 0xFF000000, color, 0xFFFFFFFF };
mHSVPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mHSVPaint.setStrokeWidth(10);
mRedrawHSV = true;
}
@Override
protected void onDraw(Canvas canvas) {
float r = CENTER_X - mPaint.getStrokeWidth() * 0.5f;
canvas.translate(CENTER_X, CENTER_X);
int c = mCenterPaint.getColor();
if (mRedrawHSV) {
mHSVColors[1] = c;
mHSVPaint.setShader(new LinearGradient(0 - HSV_X, 0, HSV_X, 0,
mHSVColors, null, Shader.TileMode.CLAMP));
}
canvas.drawOval(new RectF(-r, -r, r, r), mPaint);
canvas.drawCircle(0, 0, CENTER_RADIUS, mCenterPaint);
canvas.drawRect(new RectF(0 - HSV_X, HSV_Y_TOP, HSV_X, HSV_Y_BOTOM),
mHSVPaint);
if (mTrackingCenter) {
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);
}
mRedrawHSV = true;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(CENTER_X * 2, HSV_Y_BOTOM * 2 - 20);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
float x = event.getX() - CENTER_X;
float y = event.getY() - CENTER_Y;
double radius = Math.sqrt(x * x + y * y);
boolean inCenter = radius <= CENTER_RADIUS;
boolean inOuter = radius <= OUTER_RADIUS;
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
mTrackingCenter = inCenter;
if (inCenter) {
mHighlightCenter = true;
invalidate();
break;
}
case MotionEvent.ACTION_MOVE:
if (mTrackingCenter) {
if (mHighlightCenter != inCenter) {
mHighlightCenter = inCenter;
invalidate();
}
} else if ((x >= 0 - HSV_X &amp;&amp; x <= HSV_X)
&amp;&amp; (y <= HSV_Y_BOTOM &amp;&amp; y >= HSV_Y_TOP)) {
// see if we are in the hsv slider
int a, r, g, b, c0, c1;
float p;
// set the center paint to this color
if (x < 0) {
c0 = mHSVColors[0];
c1 = mHSVColors[1];
p = (x + 100) / 100;
} else {
c0 = mHSVColors[1];
c1 = mHSVColors[2];
p = x / 100;
}
a = ave(Color.alpha(c0), Color.alpha(c1), p);
r = ave(Color.red(c0), Color.red(c1), p);
g = ave(Color.green(c0), Color.green(c1), p);
b = ave(Color.blue(c0), Color.blue(c1), p);
mCenterPaint.setColor(Color.argb(a, r, g, b));
mRedrawHSV = false;
invalidate();
} else if (inOuter) {
float angle = (float) 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:
if (mTrackingCenter) {
if (inCenter &amp;&amp; mListener != null) {
mListener.colorChanged(this,
ColorChooserType.UNIVERSAL_COLOR_TYPE, mCenterPaint
.getColor());
}
mTrackingCenter = false;
invalidate();
}
break;
}
return true;
}
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 ave(int s, int d, float p) {
return s + Math.round(p * (d - s));
}
public int getColor() {
return mCenterPaint.getColor();
}
public void setColor(int color) {
mCenterPaint.setColor(color);
}
}
</textarea>



<textarea cols="50" rows="15" name="code" class="java">package arui.csdn.generaltools.colorchooser;
/**
* color changed listener.
*
* @author http://blog.csdn.net/arui319
*
*/
public interface OnColorChangedListener {
/**
* Color changed event happened.
*
* @param source
*            event source object
* @param type
*            ColorChooserType
* @param color
*            color int value
*/
public void colorChanged(Object source, ColorChooserType type, int color);
}</textarea>



<textarea cols="50" rows="15" name="code" class="java">package arui.csdn.generaltools.colorchooser;

/**
* Color chooser's type. One is defined color panel, another is universal color
* panel.
*
* @author http://blog.csdn.net/arui319
*
*/
public class ColorChooserType {
private int type = 0;
private static final int DEFINED_COLOR = 1;
private static final int UNIVERSAL_COLOR = 2;
public static final ColorChooserType DEFINED_COLOR_TYPE = new ColorChooserType(
DEFINED_COLOR);
public static final ColorChooserType UNIVERSAL_COLOR_TYPE = new ColorChooserType(
UNIVERSAL_COLOR);
private ColorChooserType(int type) {
this.type = type;
}
public int getType() {
return type;
}
@Override
public boolean equals(Object type) {
if (type instanceof ColorChooserType) {
if (this.getType() == ((ColorChooserType) type).getType()) {
return true;
}
}
return false;
}
@Override
public int hashCode() {
return this.getType();
}
}
</textarea>



 
0
0
分享到:
评论

相关推荐

    android 颜色选择器

    本篇文章将深入探讨Android颜色选择器的实现原理、使用方法以及如何在项目中自定义和集成。 首先,Android SDK提供了一个内置的颜色选择器组件,名为`ColorPickerDialog`,但这通常只适用于简单的颜色选择需求。要...

    完美的android颜色选择器

    一个完善的Android颜色选择器应该具备多种功能,如选择颜色区域、调整色调、设置透明度等,以满足用户对颜色的精细化需求。在本项目“完美的android颜色选择器”中,我们将探讨其核心特点以及实现方法。 首先,颜色...

    Android 颜色选择器

    本篇文章将深入探讨Android颜色选择器的实现、使用方法以及相关API。 一、颜色选择器的基本概念 颜色选择器通常由一个主色盘和一个可选的颜色值指示器组成。用户可以在色盘上选择一种颜色,指示器会跟随移动并显示...

    Android颜色选择器大全

    本文将详细介绍Android颜色选择器的种类、实现方式以及如何在项目中集成这4种不同的颜色选择器样式。 1. **彩虹颜色选择器(Rainbow Color Picker)** 这种颜色选择器通常通过一个滑块来让用户选择色相(Hue),而...

    Android颜色选择器源码

    本篇文章将深入探讨Android颜色选择器的源码,了解其工作原理以及如何自定义和集成到项目中。 颜色选择器的基本结构通常包括以下几个部分: 1. **颜色面板**:展示预设颜色的区域,可以是彩虹条、色块矩阵或者...

    android颜色选择器

    这个"android颜色选择器"的Demo旨在提供一个基础框架,帮助开发者理解如何实现这样的功能,尽管它可能并不完美,但可以作为一个起点,供有兴趣的开发者进行改进和优化。 颜色选择器通常包括一个色盘,用户可以通过...

    Android-一个Android颜色选择器库

    标题提及的"Android-一个Android颜色选择器库"显然是一个专为Android平台设计的第三方颜色选择器组件。这个库可能是为了提供比原生Android SDK更丰富、更灵活的颜色选取功能。 在Android开发中,开发者通常使用原生...

    android 颜色选择器及弧形刻度盘

    "android 颜色选择器及弧形刻度盘"就是一个典型的例子,它允许用户通过滑动来选取颜色,这种方式既直观又富有交互性。这个项目可能包含了自定义视图的实现,涉及到Android图形绘制、触摸事件处理以及动画效果等多个...

    Android RGB颜色选择器

    本篇将深入探讨如何在Android平台上实现一个RGB颜色选择器。 首先,我们需要理解RGB颜色模型。RGB模型基于加色混合原理,即红、绿、蓝三种颜色的光按不同比例混合可以产生所有可见颜色。每种颜色的值范围通常在0到...

    安卓手绘图片处理画板相关-Android颜色选择器效果展示.rar

    "Android颜色选择器效果展示"这个压缩包可能包含了一个实现颜色选择器功能的示例项目,供开发者学习和参考。 颜色选择器在Android中通常有多种实现方式,例如HSV(色相、饱和度、亮度)颜色选择器、RGB颜色选择器...

    ColorBox-library,为色彩爱好者!一个简单但功能强大的android颜色选择器.zip

    ColorBox-library,正如其名,是一款专为色彩爱好者打造的Android颜色选择器库,它由Hafiz Ahmmed创建并维护,可以在GitHub上找到其开源代码(https://github.com/hafiz ahmmed/ColorBox-library)。这个库以其简洁...

    安卓Android源码——颜色选择器.zip

    本文将深入探讨安卓Android源码中的颜色选择器实现,帮助开发者理解其内部工作原理,并提供自定义和优化颜色选择器的方法。 颜色选择器通常由HSV(色相、饱和度、值)或RGB(红、绿、蓝)模型来实现。HSV模型更便于...

    Android取色器 调色板 颜色选择器

    采用kotlin代码实现,代码简单易懂,采用接口方式回调结果,已经封装好,方便移植。...2、颜色分解为Alpha及RGB 四通道 更加直观 3、支持4通道分别调色,精准到每个维度,每个色值 4、输出支持十六进制及RGB通道

    ColorSeletors:Android 颜色选择器

    总之,Android颜色选择器的实现涉及UI设计、事件监听、颜色处理等多个方面。开发者可以根据需求选择自己实现或使用现成的库。在Java中,我们可以利用Android提供的API来创建交互式的颜色选择组件,提供良好的用户...

Global site tag (gtag.js) - Google Analytics