Android 自定义 View - 颜色选取器(水平、竖直)

Android 自定义 View - 颜色选取器(水平、竖直)

Android 自定义 View - 颜色选取器(水平、竖直)

类似 SeekBar 的方式通过滑动选择颜色。

效果图

xml 属性
  1. indicatorColor 指示点颜色
  2. indicatorEnable 是否使用指示点
  3. orientation 方向
    horizontal 水平
    vertical 竖直
使用

复制 \library\src…\ColorPickerView.java 和 \library\src\main\res\values\attrs.xml 文件到你的项目中,就可以在使用啦。

示例:
在 xml 中使用:


    <com.duan.colorpicker.ColorPickerView <!--替换包名-->
        android:layout_width="50dp"
        android:layout_height="200dp"
        app:indicatorEnable="true"
        app:indicatorColor="#fff"
        app:orientation="vertical" />

在 java 中使用:

...
    @Override
    protected <
  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Android屏幕上的颜色是由RGB三原色组成的,也就是红、绿、蓝三种颜色的比例所组成的颜色。在Android中,屏幕的坐标系是以左上角为原点,向右为x轴正方向,向下为y轴正方向的平面直角坐标系。 要实现一个自定义颜色选取,可以采用以下步骤: 1. 创建一个自定义View,继承自View类。 2. 在View的onDraw()方法中绘制一个矩形,用于显示当前选中的颜色。 3. 在View的onTouchEvent()方法中监听用户的触摸事件,获取用户触摸的坐标位置,并计算对应的颜色值。 4. 将计算出的颜色值设置给矩形,并通过invalidate()方法使View重新绘制。 具体实现可以参考以下代码: ```java public class ColorPickerView extends View { private Paint colorPaint; private int selectedColor; public ColorPickerView(Context context) { super(context); init(); } public ColorPickerView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public ColorPickerView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { colorPaint = new Paint(); colorPaint.setStyle(Paint.Style.FILL); selectedColor = Color.WHITE; } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); colorPaint.setColor(selectedColor); canvas.drawRect(0, 0, getWidth(), getHeight(), colorPaint); } @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_DOWN: case MotionEvent.ACTION_MOVE: int x = (int) event.getX(); int y = (int) event.getY(); selectedColor = getPixelColor(x, y); invalidate(); break; } return true; } private int getPixelColor(int x, int y) { Bitmap bitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888); Canvas canvas = new Canvas(bitmap); draw(canvas); return bitmap.getPixel(x, y); } } ``` 这个自定义View会在屏幕上显示一个矩形,当用户触摸屏幕时,会根据触摸位置计算出对应的颜色值,然后将颜色值设置给矩形并重新绘制。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值