安卓官方确实提供了好多非常强大的工具给我们了,例如我们最近经常在shape中加入gradient(渐变),像我的项目中用的是线性渐变,
[html] view plain copy
- <?xml version="1.0" encoding="utf-8"?>
- <shape xmlns:android="http://schemas.android.com/apk/res/android">
- <corners android:radius="5dip" />
- <gradient android:startColor="#262626" android:endColor="#ffbc1c" android:angle="0" />
- </shape>
并且这个图片作为SeekBar的背景,用来选择颜色,滑到哪就选择哪里的颜色,如图所示:
为此我想到了两种可能的实现方法:
1、获取SeekBar的背景的图片的bitmap,获取对应点来获得颜色
2、直接通过线性渐变的算法获得某个位置上的颜色
方法1 简单方便,对于其他的控件也可以使用,但是消耗的内存比较大
方法2 内存消耗非常少,但是需要了解线性渐变的算法,并且只能对线性渐变的图片有效,其他渐变方式都需要重新写,但是线性渐变往往用得比较多,所以打算使用第二个方法。
线性渐变是最简单的渐变,思想就是对应颜色A的R G B不断的往颜色B的R G B靠近,并且认识到的是:在java中,(很多其他语言也是)用一个int来存放颜色的RGB值,但是这个只是存储方式而已,实际上每个RGB是互不相关的,渐变时需要分别取出,分别变化。写了一个简易的两个颜色渐变的颜色选择器,代码如下:
[java] view plain copy
- /**
- * Created by chenxiaoxuan1 on 16/3/25.
- */
- public class LinearGradientUtil {
- private int mStartColor;
- private int mEndColor;
- public LinearGradientUtil(int startColor, int endColor) {
- this.mStartColor = startColor;
- this.mEndColor = endColor;
- }
- public void setStartColor(int startColor) {
- this.mStartColor = startColor;
- }
- public void setEndColor(int endColor) {
- this.mEndColor = endColor;
- }
- public int getColor(float radio) {
- int redStart = Color.red(mStartColor);
- int blueStart = Color.blue(mStartColor);
- int greenStart = Color.green(mStartColor);
- int redEnd = Color.red(mEndColor);
- int blueEnd = Color.blue(mEndColor);
- int greenEnd = Color.green(mEndColor);
- int red = (int) (redStart + ((redEnd - redStart) * radio + 0.5));
- int greed = (int) (greenStart + ((greenEnd - greenStart) * radio + 0.5));
- int blue = (int) (blueStart + ((blueEnd - blueStart) * radio + 0.5));
- return Color.argb(255,red, greed, blue);
- }
- }
实现后并且用单元测试测试过,然后就正式的使用了,使用结果还是很满意的~
后来,有一个需求是做一个简单的条形颜色选择器,也是用SeekBar实现的,也是线性渐变,只是颜色多了一些而已。如图:
原理是一样的,晚点有空再补代码。
时间: 2024-10-14 16:00:09