Android 颜色选择器自定义漂亮色环提供事件回调

最新推荐文章于 2024-08-26 07:14:49 发布

置顶

鸳鸯蝴蝶

最新推荐文章于 2024-08-26 07:14:49 发布

阅读量1.5k

点赞数

分类专栏： android 文章标签： android color colorview

本文链接：https://blog.csdn.net/weixin_39976195/article/details/77680364

版权

这篇博客介绍了如何创建一个自定义的Android颜色选择器控件，展示了实现的效果图，并提供了简单的XML配置和UI事件绑定步骤。通过这个控件，可以方便地在应用中实现颜色选择功能，并能接收到颜色选择的回调事件。

摘要由CSDN通过智能技术生成

先上效果图：

先来啰嗦几句，哈哈哈

此控件真是一波三折啊,算了，还是直接说最终代码流程吧

先说使用流程:

1.XML配置

<com.zhuoapp.opple.view.ColorTouchView
    android:id="@+id/color_view"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />

2.UI绑定事件，是不是很简单

mColorView.setOnColorViewTouchListener(new OnColorViewTouchListener() {

    @Override
    public void onUpEvent(final int color) {
  
    }

    @Override
    public void onMoveEvent(int color) {
      
    }

    @Override
    public void onDownEvent(int color) { 
    }

    @Override
    public void onCancelEvent(int color) { 
    }
});

3.整个类源码如下

public class ColorTouchView extends View {
   // 画笔抗锯齿
   public Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);// 渐变色环画笔
   public Paint mPaintLoc = new Paint(Paint.ANTI_ALIAS_FLAG);//
   public Paint mPaintFilter = new Paint(Paint.ANTI_ALIAS_FLAG);//
   // 三十六个色相RGB值,存放默认HSL转化来的RGB值
   // (H对应360度平分36份的点,S对应为饱和度[默认为0.5],L对应为亮度[默认为0.5])
   public int[] mCircleColors = new int[36];

   private int alpha = 255;

   public Shader s;

   private RadialGradient radialGradient;

   public int num = 36;

   public int[] colorArray = new int[num];

   public int currColor = Color.argb(255, 235, 235, 235);

   private int borderColor = Color.parseColor("#aeaeae");

   private int pointColor = Color.parseColor("#ffffff");

   // 取色圆的初始位置为颜色盘的最右侧
   public int x_touchCircle;// 初始化取色圆的圆心的x坐标为宽度的90%
   public int y_touchCircle;// 初始化取色圆的圆心的y坐标为高度的50%
   // 小圆半径
   public int r_touchCircle = dip2px(6);
   public int touchAreaDis = dip2px(20);

   public int height; // 屏幕高度
   public int width;// 屏幕宽度