欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

自定义带shape的TextView

程序员文章站 2023-12-23 22:32:21
...

我们在项目中,经常会遇到对TextView添加不同的shape来实现不同的效果,但是这样的一个缺点是造成了各种xml文件混杂在项目中,因此萌发了本文自定义view的想法,实现方式很简单,就是继承了TextView,重写onDraw自己重新绘制边框和背景色,至于文本的所有属性,只需要借助本身的属性设置即可,

自定义带shape的TextView

此处特别需要注意的是在构造函数中必要要这样写:

    public ShapeTextView(Context context, @Nullable AttributeSet attrs) {
    // 这里构造方法也很重要,不加这个很多属性不能再XML里面定义
    this(context, attrs, android.R.attr.textViewStyle);
}

注释已经标明了:不使用它的话,会有很多TextView类自身的属性失效!特别注意此处!!!

代码很简单,就不多解释了,看代码说话吧~~~

能力有限,望大神指点~~~

package com.iven.widget.view;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.os.Build;
import android.support.annotation.Nullable;
import android.support.annotation.RequiresApi;
import android.util.AttributeSet;
import android.widget.TextView;

import com.iven.widget.R;

/**
 * Author : yanftch
 * Date   : 2017/6/28
 * Time   : 09:05
 * Desc   : 自带shape的TextView
 */
public class ShapeTextView extends TextView {
    private static final String TAG = "dah_ShapeTextView";
    /**
     * 默认
     */
    private static final int BACKGROUND_COLOR = Color.parseColor("#FFFFFF");//默认白色背景色
    private static final int BORDER_COLOR = Color.parseColor("#00000000");//默认边框颜色为透明的(xml不设置的话)
    private static final int BORDER_WIDTH = 1;
    private static final int CORNERRADIUS = 10;

    /**
     * 背景颜色
     */
    private int bgColor;
    /**
     * 外边框颜色
     */
    private int borderColor;
    /**
     * 外边框宽度
     */
    private float borderWidth = 5;//边框的宽度
    /**
     * 圆角半径
     */
    private float cornerRadius = 30;//弧度

    /**
     * 外边框画笔
     */
    private Paint borderPaint;
    /**
     * 背景画笔
     */
    private Paint bgPaint;

    @RequiresApi(api = Build.VERSION_CODES.JELLY_BEAN)
    @Override
    protected void onDraw(Canvas canvas) {
        this.setBackground(null);
        RectF rectF = new RectF(borderWidth / 2, borderWidth / 2, getMeasuredWidth() - borderWidth / 2, getMeasuredHeight() - borderWidth / 2);
        canvas.drawRoundRect(rectF, cornerRadius, cornerRadius, borderPaint);
        canvas.drawRoundRect(rectF, cornerRadius, cornerRadius, bgPaint);
        super.onDraw(canvas);
    }

    private void init() {
        borderPaint = new Paint();
        borderPaint.setAntiAlias(true);
        borderPaint.setColor(borderColor);
        borderPaint.setStyle(Paint.Style.FILL_AND_STROKE);//描边
        borderPaint.setStrokeWidth(borderWidth);

        bgPaint = new Paint();
        bgPaint.setAntiAlias(true);
        bgPaint.setColor(bgColor);
        bgPaint.setStyle(Paint.Style.FILL);//填充
    }

    public ShapeTextView(Context context) {
        this(context, null);
    }

    public ShapeTextView(Context context, @Nullable AttributeSet attrs) {
        // 这里构造方法也很重要,不加这个很多属性不能再XML里面定义
        this(context, attrs, android.R.attr.textViewStyle);
    }

    public ShapeTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        /**
         * 背景色
         * 边框色
         * 边框宽度
         * 圆角半径
         */
        TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.ShapeTextView);
        bgColor = ta.getColor(R.styleable.ShapeTextView_backgroundColor, BACKGROUND_COLOR);
        borderColor = ta.getColor(R.styleable.ShapeTextView_borderColor, BORDER_COLOR);
        borderWidth = ta.getDimension(R.styleable.ShapeTextView_borderWidth, BORDER_WIDTH);
        cornerRadius = ta.getDimension(R.styleable.ShapeTextView_cornerRadius, CORNERRADIUS);
        ta.recycle();
        init();
    }
}

如果您有更好的实现方式,烦请不吝赐教~~~~

相关标签: textview

上一篇:

下一篇: