Android颜色选择器

最新推荐文章于 2024-06-02 09:55:27 发布
最新推荐文章于 2024-06-02 09:55:27 发布
阅读量560 收藏
点赞数
分类专栏： Android 文章标签： android colors float c null object

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

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

 

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

 

[java] view plain copy print ?
  1. package arui.csdn.generaltools.colorchooser.universalcolor;  
  2. import arui.csdn.generaltools.colorchooser.ColorChooserType;  
  3. import arui.csdn.generaltools.colorchooser.OnColorChangedListener;  
  4. import android.content.Context;  
  5. import android.graphics.Canvas;  
  6. import android.graphics.Color;  
  7. import android.graphics.LinearGradient;  
  8. import android.graphics.Paint;  
  9. import android.graphics.RectF;  
  10. import android.graphics.Shader;  
  11. import android.graphics.SweepGradient;  
  12. import android.view.MotionEvent;  
  13. import android.view.View;  
  14. /** 
  15.  * Universal color view class. This class will draw color chooser graph. 
  16.  *  
  17.  * @author http://blog.csdn.net/arui319 
  18.  *  
  19.  */  
  20. public class UniversalColorView extends View {  
  21.     private Paint mPaint;  
  22.     private Paint mCenterPaint;  
  23.     private Paint mHSVPaint;  
  24.     private final int[] mColors;  
  25.     private int[] mHSVColors;  
  26.     private boolean mRedrawHSV;  
  27.     private OnColorChangedListener mListener;  
  28.     private boolean mTrackingCenter;  
  29.     private boolean mHighlightCenter;  
  30.     private static final int CENTER_X = 100;  
  31.     private static final int CENTER_Y = CENTER_X;  
  32.     private static final int CENTER_RADIUS = 30;  
  33.     private static final int OUTER_RADIUS = 100;  
  34.     private static final int HSV_X = CENTER_X;  
  35.     private static final int HSV_Y_TOP = CENTER_Y + 10;  
  36.     private static final int HSV_Y_BOTOM = HSV_Y_TOP + 20;  
  37.     private static final float PI = 3.1415926f;  
  38.     public UniversalColorView(Context context, OnColorChangedListener listener,  
  39.             int color) {  
  40.         super(context);  
  41.         this.setBackgroundColor(Color.LTGRAY);  
  42.         mListener = listener;  
  43.         mColors = new int[] { 0xFFFF0000, 0xFFFF00FF, 0xFF0000FF, 0xFF00FFFF,  
  44.                 0xFF00FF00, 0xFFFFFF00, 0xFFFF0000 };  
  45.         Shader s = new SweepGradient(0, 0, mColors, null);  
  46.         mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  
  47.         mPaint.setShader(s);  
  48.         mPaint.setStyle(Paint.Style.STROKE);  
  49.         mPaint.setStrokeWidth(55);  
  50.         mCenterPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  
  51.         mCenterPaint.setColor(color);  
  52.         mCenterPaint.setStrokeWidth(5);  
  53.         mHSVColors = new int[] { 0xFF000000, color, 0xFFFFFFFF };  
  54.         mHSVPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  
  55.         mHSVPaint.setStrokeWidth(10);  
  56.         mRedrawHSV = true;  
  57.     }  
  58.     @Override  
  59.     protected void onDraw(Canvas canvas) {  
  60.         float r = CENTER_X - mPaint.getStrokeWidth() * 0.5f;  
  61.         canvas.translate(CENTER_X, CENTER_X);  
  62.         int c = mCenterPaint.getColor();  
  63.         if (mRedrawHSV) {  
  64.             mHSVColors[1] = c;  
  65.             mHSVPaint.setShader(new LinearGradient(0 - HSV_X, 0, HSV_X, 0,  
  66.                     mHSVColors, null, Shader.TileMode.CLAMP));  
  67.         }  
  68.         canvas.drawOval(new RectF(-r, -r, r, r), mPaint);  
  69.         canvas.drawCircle(0, 0, CENTER_RADIUS, mCenterPaint);  
  70.         canvas.drawRect(new RectF(0 - HSV_X, HSV_Y_TOP, HSV_X, HSV_Y_BOTOM),  
  71.                 mHSVPaint);  
  72.         if (mTrackingCenter) {  
  73.             mCenterPaint.setStyle(Paint.Style.STROKE);  
  74.             if (mHighlightCenter) {  
  75.                 mCenterPaint.setAlpha(0xFF);  
  76.             } else {  
  77.                 mCenterPaint.setAlpha(0x80);  
  78.             }  
  79.             canvas.drawCircle(0, 0, CENTER_RADIUS  
  80.                     + mCenterPaint.getStrokeWidth(), mCenterPaint);  
  81.             mCenterPaint.setStyle(Paint.Style.FILL);  
  82.             mCenterPaint.setColor(c);  
  83.         }  
  84.         mRedrawHSV = true;  
  85.     }  
  86.     @Override  
  87.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
  88.         setMeasuredDimension(CENTER_X * 2, HSV_Y_BOTOM * 2 - 20);  
  89.     }  
  90.     @Override  
  91.     public boolean onTouchEvent(MotionEvent event) {  
  92.         float x = event.getX() - CENTER_X;  
  93.         float y = event.getY() - CENTER_Y;  
  94.         double radius = Math.sqrt(x * x + y * y);  
  95.         boolean inCenter = radius <= CENTER_RADIUS;  
  96.         boolean inOuter = radius <= OUTER_RADIUS;  
  97.         switch (event.getAction()) {  
  98.         case MotionEvent.ACTION_DOWN:  
  99.             mTrackingCenter = inCenter;  
  100.             if (inCenter) {  
  101.                 mHighlightCenter = true;  
  102.                 invalidate();  
  103.                 break;  
  104.             }  
  105.         case MotionEvent.ACTION_MOVE:  
  106.             if (mTrackingCenter) {  
  107.                 if (mHighlightCenter != inCenter) {  
  108.                     mHighlightCenter = inCenter;  
  109.                     invalidate();  
  110.                 }  
  111.             } else if ((x >= 0 - HSV_X && x <= HSV_X)  
  112.                     && (y <= HSV_Y_BOTOM && y >= HSV_Y_TOP)) {  
  113.                 // see if we are in the hsv slider   
  114.                 int a, r, g, b, c0, c1;  
  115.                 float p;  
  116.                 // set the center paint to this color   
  117.                 if (x < 0) {  
  118.                     c0 = mHSVColors[0];  
  119.                     c1 = mHSVColors[1];  
  120.                     p = (x + 100) / 100;  
  121.                 } else {  
  122.                     c0 = mHSVColors[1];  
  123.                     c1 = mHSVColors[2];  
  124.                     p = x / 100;  
  125.                 }  
  126.                 a = ave(Color.alpha(c0), Color.alpha(c1), p);  
  127.                 r = ave(Color.red(c0), Color.red(c1), p);  
  128.                 g = ave(Color.green(c0), Color.green(c1), p);  
  129.                 b = ave(Color.blue(c0), Color.blue(c1), p);  
  130.                 mCenterPaint.setColor(Color.argb(a, r, g, b));  
  131.                 mRedrawHSV = false;  
  132.                 invalidate();  
  133.             } else if (inOuter) {  
  134.                 float angle = (float) Math.atan2(y, x);  
  135.                 // need to turn angle [-PI ... PI] into unit [0....1]   
  136.                 float unit = angle / (2 * PI);  
  137.                 if (unit < 0) {  
  138.                     unit += 1;  
  139.                 }  
  140.                 mCenterPaint.setColor(interpColor(mColors, unit));  
  141.                 invalidate();  
  142.             }  
  143.             break;  
  144.         case MotionEvent.ACTION_UP:  
  145.             if (mTrackingCenter) {  
  146.                 if (inCenter && mListener != null) {  
  147.                     mListener.colorChanged(this,  
  148.                             ColorChooserType.UNIVERSAL_COLOR_TYPE, mCenterPaint  
  149.                                     .getColor());  
  150.                 }  
  151.                 mTrackingCenter = false;  
  152.                 invalidate();  
  153.             }  
  154.             break;  
  155.         }  
  156.         return true;  
  157.     }  
  158.     private int interpColor(int colors[], float unit) {  
  159.         if (unit <= 0) {  
  160.             return colors[0];  
  161.         }  
  162.         if (unit >= 1) {  
  163.             return colors[colors.length - 1];  
  164.         }  
  165.         float p = unit * (colors.length - 1);  
  166.         int i = (int) p;  
  167.         p -= i;  
  168.         // now p is just the fractional part [0...1) and i is the index   
  169.         int c0 = colors[i];  
  170.         int c1 = colors[i + 1];  
  171.         int a = ave(Color.alpha(c0), Color.alpha(c1), p);  
  172.         int r = ave(Color.red(c0), Color.red(c1), p);  
  173.         int g = ave(Color.green(c0), Color.green(c1), p);  
  174.         int b = ave(Color.blue(c0), Color.blue(c1), p);  
  175.         return Color.argb(a, r, g, b);  
  176.     }  
  177.     private int ave(int s, int d, float p) {  
  178.         return s + Math.round(p * (d - s));  
  179.     }  
  180.     public int getColor() {  
  181.         return mCenterPaint.getColor();  
  182.     }  
  183.     public void setColor(int color) {  
  184.         mCenterPaint.setColor(color);  
  185.     }  
  186. }  

 

 

[java] view plain copy print ?
  1. package arui.csdn.generaltools.colorchooser;  
  2. /** 
  3.  * color changed listener. 
  4.  *  
  5.  * @author http://blog.csdn.net/arui319 
  6.  *  
  7.  */  
  8. public interface OnColorChangedListener {  
  9.     /** 
  10.      * Color changed event happened. 
  11.      *  
  12.      * @param source 
  13.      *            event source object 
  14.      * @param type 
  15.      *            ColorChooserType 
  16.      * @param color 
  17.      *            color int value 
  18.      */  
  19.     public void colorChanged(Object source, ColorChooserType type, int color);  
  20. }  

 

 

[java] view plain copy print ?
  1. package arui.csdn.generaltools.colorchooser;  
  2.   
  3. /** 
  4.  * Color chooser's type. One is defined color panel, another is universal color 
  5.  * panel. 
  6.  *  
  7.  * @author http://blog.csdn.net/arui319 
  8.  *  
  9.  */  
  10. public class ColorChooserType {  
  11.     private int type = 0;  
  12.     private static final int DEFINED_COLOR = 1;  
  13.     private static final int UNIVERSAL_COLOR = 2;  
  14.     public static final ColorChooserType DEFINED_COLOR_TYPE = new ColorChooserType(  
  15.             DEFINED_COLOR);  
  16.     public static final ColorChooserType UNIVERSAL_COLOR_TYPE = new ColorChooserType(  
  17.             UNIVERSAL_COLOR);  
  18.     private ColorChooserType(int type) {  
  19.         this.type = type;  
  20.     }  
  21.     public int getType() {  
  22.         return type;  
  23.     }  
  24.     @Override  
  25.     public boolean equals(Object type) {  
  26.         if (type instanceof ColorChooserType) {  
  27.             if (this.getType() == ((ColorChooserType) type).getType()) {  
  28.                 return true;  
  29.             }  
  30.         }  
  31.         return false;  
  32.     }  
  33.     @Override  
  34.     public int hashCode() {  
  35.         return this.getType();  
  36.     }  
  37. }  

 

 

you_jinjin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android选色器笔记
m0_63538059的博客
12-30 476
颜色选择器 原理笔记
Android 颜色选择器(ColorPicker)
killcwd的专栏
11-07 1689
1. package com.dwood.paintdemo;  2.   3. import android.app.Dialog;  4. import android.content.Context;  5. import android.graphics.Canvas;  6. import android.graphics.Color;  7. import android.
探索Android色彩选择器：`android-ColorPickerPreference`
gitblog_00055的博客
04-13 358
探索Android色彩选择器：android-ColorPickerPreference 项目地址:https://gitcode.com/attenzione/android-ColorPickerPreference 在移动应用开发中，给用户提供自定义颜色的选择能力是一项常见的需求。android-ColorPickerPreference是一个专门为Android平台设计的颜色选择器组件，它...
android 颜色选择器（很好的）
kankankankan2222的专栏
08-17 925
先谢谢原作者写这么好的程序。 下载地址：http://download.csdn.net/detail/kankankankan2222/4506946
Android上一种用于选择颜色的控件（颜色选择器）
weixin_44305322的博客
07-31 3104
目录引言核心代码控件整体代码demo 引言 最近在做一个项目时其中有一个需求–自定义灯光颜色。要求通过手机端控制灯光颜色，手机端预设五种颜色及用户可自定义颜色。在百度上搜索找到一个开源的色环控件ColorPickerView，可实现颜色的自定义，效果如图1。给客户看了效果后，客户不是很满意，客户想要类似于UI设计中色相环那样的效果，如图2。 既然客户要求了，那就必须得按客户要求来做。开始做，第...
textview动态给textcolor设置selector
lidanning1991的博客
04-12 741
然而，在代码中设置字体颜色选择器时用setTextColor直接将选择器id放里面并没有卵用。
Android颜色选择器大全
12-27
android颜色选择器，里面包含4中颜色选择器样式
android 颜色选择器
10-16
android 颜色选择器
android 坐标 颜色,Android 颜色选择器(ColorPicker)
weixin_42311530的博客
05-27 425
packagecom.dwood.paintdemo;importandroid.app.Dialog;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color;importandroid.graphics.LinearGradient;importandroid.graphic...
Android 13 取色引擎详解
m0_59162559的博客
08-21 333
PixelLauncher的插件实现颜色动态变化，除了从Wallpaper中拿到颜色，还进行了二次加工，使其更符合Material Desgin的风格，这也是符合“Monet”主题系统 中的一部分，目前是没有开源的。所以一方或三方若想使用该特性，可以按需进行选择和二次加工。
安卓Android源码——颜色选择器.zip
10-14
安卓Android源码——颜色选择器.zip
【android开发】颜色选择器，免费
05-07
很简单的颜色选择，简单易懂，希望对你们有帮助
Android实现颜色选取圆盘
08-27
主要为大家详细介绍了Android实现颜色选取圆盘，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android万能图片选择框架.
03-24
Android万能图片选择框架.防止OOM .
android颜色选择器
04-13
一个简单的demo,读取色盘上的颜色值。不保证完全正确，demo很粗糙，有兴趣的朋友可以完善
Android实现颜色选择控件
济沧海 x 远沧溟
11-06 4682
Android实现颜色选择控件一、实现效果二、使用方式三、设计目标四、代码分析1. 控件布局结构2. 定义`CircleColorButton`3. 核心属性4. `onMeasure`保证为圆形5. `setColor`使用`tint`进行着色6. 透明与非透明的不同显示 一、实现效果 演示APK CircleColorButton.java 演示工程项目 二、使用方式 与任何一种类型的控件的...
推荐开源项目： Pikolo - 安卓颜色选择库
最新发布
gitblog_00078的博客
06-02 389
推荐开源项目： Pikolo - 安卓颜色选择库 项目地址:https://gitcode.com/Madrapps/Pikolo 项目介绍 Pikolo 是一款专为 Android 平台设计的颜色选择器库，它使得在应用中集成美观且可定制化的颜色选取功能变得轻而易举。这个库提供了两种选择器：HSLColorPicker 和 RGBColorPicker，满足不同的色彩表示需求。通过直观的界面和流畅...
android 字体颜色 选择器,Android 颜色选择器(ColorPicker)
weixin_30253289的博客
05-27 557
packagecom.dwood.paintdemo;importAndroid.app.Dialog;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color;importandroid.graphics.LinearGradient;importandroid.graphic...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值