自定义View(一)

在view中通常有一下一些比较重要的回调方法:
onFinishInflate(): 加载完xml文件回调
onSizeChanged():组件大小发生改变时回调
onMeasure():回调该方法来进行测量
onLayout():回调该方法来确定显示位置
onTouchEvent():监听到触摸事件时回调
在自定义view时不必重写所有回调,只需要重写特定的方法即可。
通常情况下有以下三种方法来实现自定义的空间。
1.对现有的进行拓展
2.通过组合来实现新的控件
3.重写view来实现全新的控件
首先了解对现有控件的拓展。
实现下面的效果
这里写图片描述
继承Texview

public class MyTextView extends TextView {

    private Paint mPaint1;
    private Paint mPaint2;

    public MyTextView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        // TODO Auto-generated constructor stub
        init();
    }

    private void init() {
        mPaint1 = new Paint();
        mPaint1.setColor(getResources().getColor(
                android.R.color.holo_blue_light));
        mPaint1.setStyle(Paint.Style.FILL);
        mPaint2 = new Paint();
        mPaint2.setColor(Color.YELLOW);
        mPaint2.setStyle(Paint.Style.FILL);
    }

    public MyTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
        init();
    }

    public MyTextView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
        init();
    }

    @Override
    protected void onDraw(Canvas canvas) {
        // 绘制外层矩形
        canvas.drawRect(0, 0, getMeasuredWidth(), getMeasuredHeight(), mPaint1);
        // 绘制内层矩形
        canvas.drawRect(10, 10, getMeasuredWidth() - 10,
                getMeasuredHeight() - 10, mPaint2);
        canvas.save();
        canvas.translate(10, 0);
        super.onDraw(canvas);
        canvas.restore();
    }

}

实现下面效果,渐变色
这里写图片描述
可以利用Paint的Shader渲染器,通过设置不断变化的LinearGradient,使用带有该属性的paint来绘制。
首先在OnSizeChanged()方法中进行一些对象的初始化操作。

/**
 * 渐变效果的textview
 * 
 * @author Administrator
 * 
 */
public class MyTextView2 extends TextView {

    private int mViewWidth = 0;
    private float mTranslate;
    private TextPaint mPaint;
    private LinearGradient mGradient;
    private Matrix mGradientMatrix;

    public MyTextView2(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public MyTextView2(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyTextView2(Context context) {
        super(context);
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        if (mViewWidth == 0) {
            mViewWidth = getMeasuredWidth();
            if (mViewWidth > 0) {
                mPaint = getPaint();
                // 第一个,第二个参数表示渐变起点 可以设置起点终点在对角等任意位置
                // 第三个,第四个参数表示渐变终点
                // 第五个参数表示渐变颜色
                // 第六个参数可以为空,表示坐标,值为0-1 new float[] {0.25f, 0.5f, 0.75f, 1 }
                // 如果这是空的,颜色均匀分布,沿梯度线。
                // 第七个表示平铺方式
                // CLAMP重复最后一个颜色至最后
                // MIRROR重复着色的图像水平或垂直方向已镜像方式填充会有翻转效果
                // REPEAT重复着色的图像水平或垂直方向
                mGradient = new LinearGradient(0, 0, mViewWidth, 0, new int[] {
                        Color.BLUE, 0xffffffff, Color.BLUE }, null,
                        Shader.TileMode.CLAMP);
                mPaint.setShader(mGradient);
                mGradientMatrix = new Matrix();
            }
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mGradientMatrix != null) {
            mTranslate += mViewWidth / 5;
            if (mTranslate > 2 * mViewWidth) {
                mTranslate = -mViewWidth;
            }
            // 通过矩阵的方式来不断平移渐变效果
            mGradientMatrix.setTranslate(mTranslate, 0);
            mGradient.setLocalMatrix(mGradientMatrix);
            postInvalidateDelayed(100);
        }
    }

}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值