Android 中TextView文字描边实现（二）

54 阅读 0 评论 36 点赞

我是靠谱客的博主畅快蚂蚁，最近开发中收集的这篇文章主要介绍Android 中TextView文字描边实现（二），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Android 9.0效果图：

在这里插入图片描述

Android 10.0效果图：

在这里插入图片描述

1.StrokeTextView的实现

package com.app.animalchess.widget;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Paint;

import android.text.TextPaint;

import android.util.AttributeSet;

import android.view.ViewGroup;

import android.widget.TextView;

import androidx.appcompat.widget.AppCompatTextView;

import com.app.animalchess.R;

/**

* @Author : XiaoXred

* @Time : On 2020/10/22 15:59

* @Description : StrokeTextView  文字内容有描边的TextView

*/

public class StrokeTextViewextends AppCompatTextView {

private TextViewbackGroundText =null;//用于描边的TextView

    public StrokeTextView(Context context) {

this(context, null);

    }

public StrokeTextView(Context context, AttributeSet attrs) {

this(context, attrs, 0);

    }

public StrokeTextView(Context context, AttributeSet attrs,

                          int defStyle) {

super(context, attrs, defStyle);

        backGroundText =new TextView(context, attrs, defStyle);

    }

@Override

    public void setLayoutParams(ViewGroup.LayoutParams params) {

//同步布局参数

        backGroundText.setLayoutParams(params);

        super.setLayoutParams(params);

    }

@Override

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

CharSequence tt =backGroundText.getText();

        //两个TextView上的文字必须一致

        if (tt ==null || !tt.equals(this.getText())) {

backGroundText.setText(getText());

            this.postInvalidate();

        }

backGroundText.measure(widthMeasureSpec, heightMeasureSpec);

        super.onMeasure(widthMeasureSpec, heightMeasureSpec);

    }

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

backGroundText.layout(left, top, right, bottom);

        super.onLayout(changed, left, top, right, bottom);

    }

@Override

    protected void onDraw(Canvas canvas) {

//其他地方，backGroundText和super的先后顺序影响不会很大，但是此处必须要先绘制backGroundText，

        init();

        backGroundText.draw(canvas);

        super.onDraw(canvas);

    }

public void init() {

TextPaint tp1 =backGroundText.getPaint();

        //设置描边宽度

        tp1.setStrokeWidth(8);

        //背景描边并填充全部

        tp1.setStyle(Paint.Style.FILL_AND_STROKE);

        //设置描边颜色

        backGroundText.setTextColor(getResources().getColor(R.color.color_CC7B02));

        //将背景的文字对齐方式做同步

        backGroundText.setGravity(getGravity());

    }

}

2.xml文件

<com.app.animalchess.widget.StrokeTextView

    android:layout_width="260dp"

    android:layout_height="50dp"

    android:text="登录"

    android:background="@drawable/login_btn_wchat_nor"

    android:textSize="18sp"

    android:gravity="center"

    android:layout_marginTop="140dp"

    android:layout_gravity="center"

    android:textColor="@color/color_ffffff"

    />