自定义文字颜色渐变

第一步自定义控件属性

首先在res/values/attrs

<declare-styleable name="GradientTextView">
        <attr name="text_size" format="dimension"/>
        <attr name="text_style" format="reference|integer"/>
        <attr name="is_can_grandient" format="boolean"/>
        <attr name="text_color" format="color|reference"/>
        <attr name="gravity" format="integer"/>
        <attr name="max_width" format="dimension"/>
        <attr name="start_color" format="color|reference"/>
        <attr name="end_color" format="color|reference"/>
        <attr name="angle" format="integer"/>
        <attr name="text" format="string"/>
    </declare-styleable>

第二步从构造方法里面去获取自定义的属性值

public GradientTextView(Context context) {
        super(context);
        init(context, null);
    }

    public GradientTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public GradientTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    private void init(Context context, @Nullable AttributeSet attrs) {
        if(attrs == null) {
            return;
        }
        TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.GradientTextView);
        mIsCanGrandient = typedArray.getBoolean(R.styleable.GradientTextView_is_can_grandient,false);
        mText = typedArray.getString(R.styleable.GradientTextView_text);
        mTextSize = typedArray.getDimensionPixelSize(R.styleable.GradientTextView_text_size, mTextSize);
        mAngle = typedArray.getInt(R.styleable.SGradientTextView_angle, -1);
        mTextColor = typedArray.getColor(R.styleable.GradientTextView_text_color,Color.BLACK);
        color[0] = typedArray.getColor(R.styleable.GradientTextView_start_color,Color.BLACK);
        color[1] = typedArray.getColor(R.styleable.GradientTextView_end_color,Color.BLACK);
        mGravity = typedArray.getInt(R.styleable.GradientTextView_gravity, Gravity.LEFT);
        mMaxWidth = typedArray.getDimensionPixelSize(R.styleable.GradientTextView_max_width, Integer.MAX_VALUE);
        textStyle = typedArray.getInt(R.styleable.GradientTextView_text_style, Typeface.NORMAL);
        setPaintAttrs();
        typedArray.recycle();
    }

第三步重写方法

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int measureWidth = measureWidth(widthMeasureSpec);
        int measureHeight = measureHeight(heightMeasureSpec);
        setMeasuredDimension(measureWidth, measureHeight);
        mMeasuredWidth = getMeasuredWidth();
        mMeasuredHeight = getMeasuredHeight();
    }

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        final float desiredTextWidth = mPaint.measureText(mText);
        final float maxTextWidth = mMeasuredWidth - getPaddingLeft() - getPaddingRight();
        if (mIsCanGrandient) {
            if (mAngle >= 0) {
                Rect rect = new Rect();
                mPaint.getTextBounds(mText,0,mText.length(), rect);
                changeGradientColor(mAngle, rect.width(), rect.height());
                LinearGradient gradient = new LinearGradient(startX, startY, endX, endY, color[0], color[1], Shader.TileMode.CLAMP);
                mPaint.setShader(gradient);
            }else {
                setPaintAttrs();
            }
        }
        if (desiredTextWidth > maxTextWidth) {
            float scaleX = maxTextWidth / desiredTextWidth;
            if (scaleX > RATIO_THRESHOLD) {
                scaleX *= 0.98f;
                mPaint.setTextScaleX(scaleX);
            } else {
                mPaint.setTextScaleX(scaleX);
                float ellipsisLength = mPaint.measureText("...");
                int drawCharsCount = mPaint.breakText(mText, true, maxTextWidth - ellipsisLength, new float[0]);
                mText = mText.substring(0, drawCharsCount) + "...";
            }
        }
        Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();
        final float fontBaseLine = (getPaddingTop() + mMeasuredHeight - getPaddingBottom()) / 2 + (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom;
        if (mGravity == Gravity.RIGHT) {
            final float targetTextWidth = mPaint.measureText(mText);
            canvas.drawText(mText, mMeasuredWidth - getPaddingRight() - targetTextWidth, fontBaseLine, mPaint);
        } else if (mGravity == Gravity.CENTER) {
            final float targetTextWidth = mPaint.measureText(mText);
            canvas.drawText(mText, (getPaddingLeft() + mMeasuredWidth - getPaddingRight()) / 2 - targetTextWidth / 2, fontBaseLine, mPaint);
        } else {
            canvas.drawText(mText, getPaddingLeft(), fontBaseLine, mPaint);
        }


    }

以下是全部的代码

class GradientTextView extends View {
    private static final float RATIO_THRESHOLD = 1.0f / 2;
    private int mTextSize = dpToPx(12);
    private int mTextColor;
    private int mMeasuredWidth, mMeasuredHeight, mMaxWidth = Integer.MAX_VALUE;
    private TextPaint mPaint = new TextPaint();
    private String mText = "";
    private int mGravity;
    private int[] color = new int[]{Color.BLACK,Color.BLACK};
    private float startX,startY,endX,endY;
    //渐变色的角度值
    private int mAngle;
    //是否开启渐变效果
    private boolean mIsCanGrandient;
    private int textStyle;

    public GradientTextView(Context context) {
        super(context);
        init(context, null);
    }

    public GradientTextView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public GradientTextView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    private void init(Context context, @Nullable AttributeSet attrs) {
        if(attrs == null) {
            return;
        }
        TypedArray typedArray = context.obtainStyledAttributes(attrs,R.styleable.GradientTextView);
        mIsCanGrandient = typedArray.getBoolean(R.styleable.GradientTextView_is_can_grandient,false);
        mText = typedArray.getString(R.styleable.GradientTextView_text);
        mTextSize = typedArray.getDimensionPixelSize(R.styleable.GradientTextView_text_size, mTextSize);
        mAngle = typedArray.getInt(R.styleable.SGradientTextView_angle, -1);
        mTextColor = typedArray.getColor(R.styleable.GradientTextView_text_color,Color.BLACK);
        color[0] = typedArray.getColor(R.styleable.GradientTextView_start_color,Color.BLACK);
        color[1] = typedArray.getColor(R.styleable.GradientTextView_end_color,Color.BLACK);
        mGravity = typedArray.getInt(R.styleable.GradientTextView_gravity, Gravity.LEFT);
        mMaxWidth = typedArray.getDimensionPixelSize(R.styleable.GradientTextView_max_width, Integer.MAX_VALUE);
        textStyle = typedArray.getInt(R.styleable.GradientTextView_text_style, Typeface.NORMAL);
        setPaintAttrs();
        typedArray.recycle();
    }

    /**
     * 设置paint的属性样式
     */
    private void setPaintAttrs(){
        mPaint.reset();
        mPaint.setColor(mTextColor);
        mPaint.setTextSize(mTextSize);
        mPaint.setAntiAlias(true);
        mPaint.setTypeface(getTypeface(textStyle));
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int measureWidth = measureWidth(widthMeasureSpec);
        int measureHeight = measureHeight(heightMeasureSpec);
        setMeasuredDimension(measureWidth, measureHeight);
        mMeasuredWidth = getMeasuredWidth();
        mMeasuredHeight = getMeasuredHeight();
    }

    private int measureHeight(int heightMeasureSpec) {
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        int result = heightSize;
        switch (heightMode) {
            case MeasureSpec.UNSPECIFIED:
            case MeasureSpec.AT_MOST:
                Paint.FontMetricsInt fontMetricsInt = mPaint.getFontMetricsInt();
                result = fontMetricsInt.bottom - fontMetricsInt.top + getPaddingTop() + getPaddingBottom();
                break;
            case MeasureSpec.EXACTLY:
                result = heightSize;
                break;
        }
        return result;
    }

    private int measureWidth(int widthMeasureSpec) {
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int result = widthSize;
        switch (widthMode) {
            case MeasureSpec.UNSPECIFIED:
            case MeasureSpec.AT_MOST:
                result = (int) (mPaint.measureText(mText) + getPaddingLeft() + getPaddingRight());
                if (result > mMaxWidth) {
                    result = mMaxWidth;
                }
                break;
            case MeasureSpec.EXACTLY:
                result = widthSize;
                break;
        }
        return result;
    }

    public void setText(String text) {
        if (text == null) {
            text = "";
        }
        if (text.equals(mText)) {
            return;
        }
        mText = text;
        mPaint.setTextScaleX(1.0f);
        requestLayout();
        invalidate();
    }

    public void setTextColor(int color) {
        mTextColor = color;
        mPaint.setColor(mTextColor);
        invalidate();
    }

    /**
     * 是否开启渐变效果
     * @param isCanGradient
     */
    public void setIsCanGradient(boolean isCanGradient){
        mIsCanGrandient = isCanGradient;
        invalidate();
    }

    /**
     * 渐变色值
     * @param startColor
     * @param endColor
     */
    public void setGradientColor(int startColor,int endColor){
        color[0] = startColor;
        color[1] = endColor;
        invalidate();
    }
    /**
     * 颜色渐变
     * @param angle
     * 0从左到右
     * 90 从下到上
     * 180 从右到左
     * 270 从上到下
     */
    public void setGradient(int angle){
        mAngle = angle;
        invalidate();
    }

    /**
     * 通过不同的角度改变渐变色的起始方向
     * @param angle
     * @param width
     * @param height
     */
    private void changeGradientColor(int angle,float width,float height){
        if ((angle % 90) != 0){
            throw new IllegalArgumentException("The parameter must be a multiple of 90");
        }
        switch (angle % 360){
            case 0:
                startX = 0;
                startY = (float) (height *0.5);
                endX = width;
                endY = (float) (height *0.5);
                break;
            case 90:
                startX = (float) (width *0.5);
                startY = height;
                endX = (float) (width *0.5);
                endY = 0;

                break;
            case 180:
                startX = width;
                startY = (float) (height *0.5);
                endX = 0;
                endY = (float) (height *0.5);
                break;
            case 270:
                startX = (float) (width *0.5);
                startY = 0;
                endX = (float) (width *0.5);
                endY = height;
                break;
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        final float desiredTextWidth = mPaint.measureText(mText);
        final float maxTextWidth = mMeasuredWidth - getPaddingLeft() - getPaddingRight();
        if (mIsCanGrandient) {
            if (mAngle >= 0) {
                Rect rect = new Rect();
                mPaint.getTextBounds(mText,0,mText.length(), rect);
                changeGradientColor(mAngle, rect.width(), rect.height());
                LinearGradient gradient = new LinearGradient(startX, startY, endX, endY, color[0], color[1], Shader.TileMode.CLAMP);
                mPaint.setShader(gradient);
            }else {
                setPaintAttrs();
            }
        }
        if (desiredTextWidth > maxTextWidth) {
            float scaleX = maxTextWidth / desiredTextWidth;
            if (scaleX > RATIO_THRESHOLD) {
                scaleX *= 0.98f;
                mPaint.setTextScaleX(scaleX);
            } else {
                mPaint.setTextScaleX(scaleX);
                float ellipsisLength = mPaint.measureText("...");
                int drawCharsCount = mPaint.breakText(mText, true, maxTextWidth - ellipsisLength, new float[0]);
                mText = mText.substring(0, drawCharsCount) + "...";
            }
        }
        Paint.FontMetrics fontMetrics = mPaint.getFontMetrics();
        final float fontBaseLine = (getPaddingTop() + mMeasuredHeight - getPaddingBottom()) / 2 + (fontMetrics.bottom - fontMetrics.top) / 2 - fontMetrics.bottom;
        if (mGravity == Gravity.RIGHT) {
            final float targetTextWidth = mPaint.measureText(mText);
            canvas.drawText(mText, mMeasuredWidth - getPaddingRight() - targetTextWidth, fontBaseLine, mPaint);
        } else if (mGravity == Gravity.CENTER) {
            final float targetTextWidth = mPaint.measureText(mText);
            canvas.drawText(mText, (getPaddingLeft() + mMeasuredWidth - getPaddingRight()) / 2 - targetTextWidth / 2, fontBaseLine, mPaint);
        } else {
            canvas.drawText(mText, getPaddingLeft(), fontBaseLine, mPaint);
        }


    }

    private static Typeface getTypeface(int textStyle) {
        Typeface typeface;
        switch (textStyle) {
            case Typeface.NORMAL:// 正常字体.
            default:
                typeface = Typeface.DEFAULT;
                break;
            case Typeface.BOLD:// 加粗字体.
                typeface = Typeface.DEFAULT_BOLD;
                break;
            case Typeface.ITALIC:// 倾斜字体.
                typeface = Typeface.create(Typeface.DEFAULT, Typeface.ITALIC);
                break;
            case Typeface.BOLD_ITALIC:// 加粗倾斜字体.
                typeface = Typeface.create(Typeface.DEFAULT, Typeface.BOLD_ITALIC);
        }
        return typeface;
    }

    private int dpToPx(int dps) {
        return Math.round(getResources().getDisplayMetrics().density * dps);
    }
}

支持属性设置，方法更改相应的要求，里面只要是用到了LinearGradient 这个方法来设置，只支持90的倍数，具体的角度更改设值在setGradient()方法里面有解释

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 203,456评论 5赞 477
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 85,370评论 2赞 381
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 150,337评论 0赞 337
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 54,583评论 1赞 273
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 63,596评论 5赞 365
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 48,572评论 1赞 281
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 37,936评论 3赞 395
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 36,595评论 0赞 258
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 40,850评论 1赞 297
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 35,601评论 2赞 321
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 37,685评论 1赞 329
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 33,371评论 4赞 318
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 38,951评论 3赞 307
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 29,934评论 0赞 19
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 31,167评论 1赞 259
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 43,636评论 2赞 349
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 42,411评论 2赞 342

自定义文字颜色渐变

第一步 自定义控件属性

第二步 从构造方法里面去获取自定义的属性值

第三步 重写方法

以下是全部的代码

推荐阅读更多精彩内容

第一步自定义控件属性

第二步从构造方法里面去获取自定义的属性值

第三步重写方法