android自定义渐变色等待条

android自定义渐变色等待条

最近在实习，不想用网上的下拉之后出现一个圆形的loading的样式，所以就想自定义一个渐变色等待条来用。
效果图如下：

原理

原理就是自定义view，重写onDraw方法，并开启一个线程来周期调用invalidate()让控件周期地重新绘制，实现渐变色的移动。

代码

废话不多说，直接上onDraw方法代码。

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);       
        mRect = new RectF(0, 0, mWidth, mHeight);
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        float[] positions = new float[3];
        positions[0] = 0f;
        //改变第二颜色的位置，类似于photoshop的渐变色位置设置
        positions[1] = pos;
        positions[2] = 1.0f;
        //线性渐变色
        LinearGradient shader = new LinearGradient(0, 0, mWidth, mHeight,
                SECTION_COLORS, positions, Shader.TileMode.MIRROR);
        //设置到画笔
        mPaint.setShader(shader);
        //绘制到画布
        canvas.drawRect(mRect, mPaint);
        if(!isAction){
            //启动周期绘制线程
            action();
        }
    }

再来看周期线程，其实就是每10毫秒将第二颜色的位置增加0.01，然后重绘控件

public void action() {
        pos = 0.00f;
        operator = true;
        isAction = true;
        new Thread(new Runnable() {

            @Override
            public void run() {
                try {
                    while (isAction) {
                        Thread.sleep(10);
                        if (operator) { 
                            //往右边移动0.01f
                            pos += 0.01f; 
                        } else { 
                            //往左边移动0.01f
                            pos -= 0.01f; 
                        }
                        if (pos >= 1f) {
                            //如果超过了1f，就调头
                            operator = false;
                        } else if (pos <= 0f) {
                            //如果低于了0f，就调头
                            operator = true;
                        }
                        //通知handler
                        handler.sendEmptyMessage(1);
                    }

                } catch (InterruptedException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            }

        }).start();

    }

handler接受到通知后只需要执行invalidate()就可以重绘控件了

private Handler handler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            if (msg.what == 1) {
                // 通知控件重绘
                invalidate();
            }
        }
    };

完整代码

下载地址

使用方法

<com.cyt.view.RainbowView
        android:layout_width="match_parent"
        android:layout_height="3dp" />