android进阶之自定义view(文字圆形边框)

最近写自定义的view写了很多,打算好好完整学习一下,顺便也是记录下,首先来看看效果

android进阶之自定义view(文字圆形边框)_第1张图片


大概是实现上面的效果吧,其实做起来很简单,只需要继承TextView,然后在外面画上一个框即可,代码如下:

public class CustomTextView extends TextView {
    private Paint mPaint;
    public CustomTextView(Context context) {
        this(context,null);
    }

    public CustomTextView(Context context, AttributeSet attrs) {
        this(context, attrs,0);

    }
    public CustomTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
    private void init() {
        mPaint = new Paint();
    }
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        RectF rectF = new RectF();
        //根据文字的颜色来绘画框
        mPaint.setColor(getPaint().getColor());
        //设置画笔的画出是空心
        mPaint.setStyle(Paint.Style.STROKE);
        //设置抗锯齿
        mPaint.setAntiAlias(true);
        //设置画得一个半径,然后比较长和宽,确定半径
        int r = getMeasuredWidth()>getMeasuredHeight()?getMeasuredWidth():getMeasuredHeight();
        rectF.set(getPaddingLeft(),getPaddingTop(),r-getPaddingRight(),r-getPaddingBottom());
        canvas.drawArc(rectF,0,360,false,mPaint);
    }
}

以上代码可以适当修改,可以修改下自定义框的颜色,不一定要跟文字相同

你可能感兴趣的:(android)