Android自定义TextView实心圆角颜色背景（动态改变圆角背景颜色）

来源：互联网发布：论文数据研究方法编辑：程序博客网时间：2024/05/23 01:56

最近根据项目需求自定义了一个TextView控件，主要用来做状态的标识，比如一个订单状态有各种，当然了这种设置在Android中可以直接用xml文件来处理，但是对于xml文件太过于麻烦，针对不同的颜色需要写一个xml文件，这样太繁琐了，所以就自己写了一个控件，只要动态设置一下属性就可以达到想要的目的，在此把这代码分享出来，当然了，也希望大家多多提意见，毕竟代码优化是一步一步跟进完善的，好了我们先来看看具体的效果图，毕竟有图才能看看是不是自己想要的那种控件，上图：

下面我们就来看看具体的实现吧
首先是自定义控件ColorTextView.java文件：

package com.test.colortextviewdemo;import android.content.Context;import android.content.res.TypedArray;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Rect;import android.graphics.RectF;import android.util.AttributeSet;import android.util.TypedValue;import android.view.View;/** * 自定义申请状态textView */public class ColorTextView extends View {    /**     * 文本内容     */    private String mTitleText;    /**     * 文本的颜色     */    private int mTitleTextColor;    /**     * 文本的大小     */    private int mTitleTextSize;        private int ctvBackgroundColor;    /**     * 圆角大小     */    private int mCornerSize;    /**     * 绘制时控制文本绘制的范围     */    private Rect mtitleBound;    private Paint mtitlePaint;    public ColorTextView(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    public ColorTextView(Context context) {        this(context, null);    }    public void setCtvBackgroundColor(int ctvBackgroundColor) {        this.ctvBackgroundColor = ctvBackgroundColor;    }    /**     * 获得我自定义的样式属性     *     * @param context     * @param attrs     * @param defStyle     */    public ColorTextView(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        /**         * 获得我们所定义的自定义样式属性         */        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.ColorTextView, defStyle, 0);        int n = a.getIndexCount();        for (int i = 0; i < n; i++) {            int attr = a.getIndex(i);            switch (attr) {                case R.styleable.ColorTextView_ctvText:                    mTitleText = a.getString(attr);                    break;                case R.styleable.ColorTextView_ctvTextColor:                    // 默认颜色设置为黑色                    mTitleTextColor = a.getColor(attr, Color.BLACK);                    break;                case R.styleable.ColorTextView_ctvTextSize:                    // 默认设置为16sp，TypeValue也可以把sp转化为px                    mTitleTextSize = a.getDimensionPixelSize(attr, (int) TypedValue.applyDimension(                            TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));                    break;                case R.styleable.ColorTextView_ctvBackground:                    //默认为白色                    ctvBackgroundColor = a.getColor(attr, Color.WHITE);                    break;                case R.styleable.ColorTextView_ctvCornerSize:                    //默认圆角为0                    mCornerSize = a.getInteger(attr, 0);                    break;            }        }        a.recycle();        mtitlePaint = new Paint();        mtitlePaint.setTextSize(mTitleTextSize);        mtitleBound = new Rect();        mtitlePaint.getTextBounds(mTitleText, 0, mTitleText.length(), mtitleBound);    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        int widthMode = MeasureSpec.getMode(widthMeasureSpec);        int widthSize = MeasureSpec.getSize(widthMeasureSpec);        int heightMode = MeasureSpec.getMode(heightMeasureSpec);        int heightSize = MeasureSpec.getSize(heightMeasureSpec);        int width;        int height;        if (widthMode == MeasureSpec.EXACTLY) {            width = widthSize;        } else {            mtitlePaint.setTextSize(mTitleTextSize);            mtitlePaint.getTextBounds(mTitleText, 0, mTitleText.length(), mtitleBound);            int desired = getPaddingLeft() + mtitleBound.width() + getPaddingRight();            width = desired <= widthSize ? desired : widthSize;        }        if (heightMode == MeasureSpec.EXACTLY) {            height = heightSize;        } else {            mtitlePaint.setTextSize(mTitleTextSize);            mtitlePaint.getTextBounds(mTitleText, 0, mTitleText.length(), mtitleBound);            int desired = getPaddingTop() + mtitleBound.height() + getPaddingBottom();            height = desired <= heightSize ? desired : heightSize;        }        setMeasuredDimension(width, height);    }    @Override    protected void onDraw(Canvas canvas) {        Paint paint = new Paint(Paint.FILTER_BITMAP_FLAG);        paint.setAntiAlias(true);        paint.setColor(ctvBackgroundColor);        RectF rec = new RectF(0, 0, getMeasuredWidth(), getMeasuredHeight());        canvas.drawRoundRect(rec, mCornerSize, mCornerSize, paint);        mtitlePaint.setColor(mTitleTextColor);        Paint.FontMetricsInt fontMetrics = mtitlePaint.getFontMetricsInt();        int baseline = (getMeasuredHeight() - fontMetrics.bottom + fontMetrics.top) / 2 - fontMetrics.top;        canvas.drawText(mTitleText, getPaddingLeft(), baseline, mtitlePaint);    }}

其中自定义的style在attrs.xml文件中，具体看代码：

   <declare-styleable name="ColorTextView">        <attr name="ctvText" format="string" />        <attr name="ctvBackground" format="color"/>        <attr name="ctvTextSize" format="dimension"/>        <attr name="ctvTextColor" format="color"/>        <attr name="ctvCornerSize" format="integer"/>    </declare-styleable>

接下来我们就来看看是怎么使用的
activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:radiostyle="http://schemas.android.com/apk/res-auto"    android:layout_width="match_parent"    android:layout_height="match_parent"   android:orientation="vertical">    <com.test.colortextviewdemo.ColorTextView        android:layout_marginTop="15dp"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:padding="5dp"        radiostyle:ctvBackground="@color/app_theme_color"        radiostyle:ctvCornerSize="30"        radiostyle:ctvText="我是原文本"        radiostyle:ctvTextColor="@color/app_white"        radiostyle:ctvTextSize="15sp" />    <com.test.colortextviewdemo.ColorTextView        android:layout_marginTop="15dp"        android:id="@+id/text_0"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:padding="5dp"        radiostyle:ctvBackground="@color/app_theme_color"        radiostyle:ctvCornerSize="30"        radiostyle:ctvText="我是自定义颜色文本1"        radiostyle:ctvTextColor="@color/app_white"        radiostyle:ctvTextSize="15sp" />    <com.test.colortextviewdemo.ColorTextView        android:layout_marginTop="15dp"        android:id="@+id/text_1"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:padding="5dp"        radiostyle:ctvBackground="@color/app_theme_color"        radiostyle:ctvCornerSize="30"        radiostyle:ctvText="我是自定义颜色文本2"        radiostyle:ctvTextColor="@color/app_white"        radiostyle:ctvTextSize="15sp" />    <com.test.colortextviewdemo.ColorTextView        android:layout_marginTop="15dp"        android:id="@+id/text_2"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center"        android:padding="5dp"        radiostyle:ctvBackground="@color/app_theme_color"        radiostyle:ctvCornerSize="30"        radiostyle:ctvText="我是自定义颜色文本3"        radiostyle:ctvTextColor="@color/app_white"        radiostyle:ctvTextSize="15sp" /></LinearLayout>

最后我们来看看是怎么在代码中改变背景颜色值的：

MainActivity.java

package com.test.colortextviewdemo;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class MainActivity extends AppCompatActivity {    private ColorTextView ctv0;    private ColorTextView ctv1;    private ColorTextView ctv2;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        ctv0 = (ColorTextView) findViewById(R.id.text_0);        ctv1 = (ColorTextView) findViewById(R.id.text_1);        ctv2 = (ColorTextView) findViewById(R.id.text_2);        ctv0.setCtvBackgroundColor(getResources().getColor(R.color.progress_color));        ctv1.setCtvBackgroundColor(getResources().getColor(R.color.app_red));        ctv2.setCtvBackgroundColor(getResources().getColor(R.color.colorAccent));    }}

好啦，使用就是这么简单，需要的可以在这个基础上进行完善，有什么好的建议可以给我留言，如果有需要的也可以点击下载源码：Android自定义TextView带圆角及背景颜色

1 0