Android为TextView添加字体库和设置描边的方法

Z时代
2024-01-10
分类：综合

一、使用系统自带的字体

开发Android的人大多都知道，Android里面对字体的支持少得可怜，默认情况下，TextView 的 typeface 属性支持 sans、serif和monospace 这三种字体，如果在没有指定字体的情况下，系统会使用 sans 作为文本显示的字体。但这三种字体只支持英文，也就是说只要你显示的文字是中文，无论你选择这三种字体中的哪一种，显示效果都是一样的。

1.在XML文件中设置


<!-- 使用默认的sans字体-->
<TextView
  android:id="@+id/sans"
  android:text="Hello,World"
  android:textSize="20sp"
  android:typeface="sans" />
<!-- 使用默认的serifs字体-->
<TextView
  android:id="@+id/serif"
  android:text="Hello,World"
  android:textSize="20sp"
  android:typeface="serif" />
<!-- 使用默认的monospace字体-->
<TextView
  android:id="@+id/monospace"
  android:text="Hello,World"
  android:textSize="20sp"
  android:typeface="monospace" />

2.在Java代码中设置

第一步: 获取TextView实例


//获取textView实例
TextView textView = findViewById(R.id.textview);

第二步：设置字体


 //设置serif字体
 textView.setTypeface(Typeface.SERIF);
 //设置sans字体
 textView.setTypeface(Typeface.SANS_SERIF);
 //设置monospace字体
 textView.setTypeface(Typeface.MONOSPACE);

二、为TextView添加字体库

Android系统自带有对字体的设置，这些设置是对字体的显示方式的设置，比如加粗、倾斜、下划线、字号等，但是并没有提供对于字体类型的徐选择，比如设置成楷体、隶书或雅黑等。Android系统只固定默认一种字体类型，所以如果开发人员需要修改字体类型，那么就必须需自己引入字体库。

1.引入字体库的实现

第一步：在assets目录下新建fonts目录，并把ttf字体文件放到该目录下。

第二步：在Java代码中实现


//实例化TextView
TextView textView = findViewById(R.id.textview);
//得到AssetManager
AssetManager mgr=getAssets();
//根据路径得到Typeface
Typeface tf=Typeface.createFromAsset(mgr, "fonts/pocknum.ttf");
//设置字体
textView.setTypeface(tf);

2.引入字体库后的效果图

三、为TextView添加描边

Android的默认控件TextView，相信大家都不会陌生，但是原生的TextView是不支持描边效果的，但是在实际的开发过程中，经常会遇到为TextView添加描边的需求，因此就要对原生的TextView进行拓展，使其支持自定义内部和外部颜色的描边TextView。描边效果的实现原理其实很简单，无非就是获取到TextPaint类，先进行一次比默认大小的文字内容稍微大一点的绘制，然后再进行一次默认大小的文字内容的绘制，然后通过属性设置两种不同的颜色，这样就产生出了描边效果。

为TextView添加描边，要用到TextPaint的几个属性：

TextPaint paint = outlineTextView.getPaint（）; //实例化TextPaint对象

paint.setStrokeWidth（15）; //设置描边的宽度

paint.setStyle（Paint.Style.STROKE）;//设置画笔属性为描边

strokeTextView.setTextColor（Color.parseColor（“＃000000”））; //设置描边的颜色（不能与文本颜色一致）

其中strokeTextView为自定义TextView的实例，代码如下：

1.在构造函数中添加


public class StrokeTextView extends TextView { 
  private TextView outlineTextView = null; 
  public StrokeTextView(Context context) { 
    super(context); 
    outlineTextView = new TextView(context); 
    init(); 
  } 
  public StrokeTextView(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    outlineTextView = new TextView(context, attrs); 
    init(); 
  } 
  public StrokeTextView(Context context, AttributeSet attrs, int defStyle) { 
    super(context, attrs, defStyle); 
    outlineTextView = new TextView(context, attrs, defStyle); 
    init(); 
  } 
  public void init() { 
    TextPaint paint = outlineTextView.getPaint(); 
    paint.setStrokeWidth(3); //描边宽度 
    paint.setStyle(Style.STROKE); 
    outlineTextView.setTextColor(Color.parseColor("#000000")); //描边颜色 
    outlineTextView.setGravity(getGravity()); 
  } 
  @Override 
  public void setLayoutParams (ViewGroup.LayoutParams params) { 
    super.setLayoutParams(params); 
    outlineTextView.setLayoutParams(params); 
  } 
  @Override 
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    super.onMeasure(widthMeasureSpec, heightMeasureSpec); 
    //设置轮廓文字 
    CharSequence outlineText = outlineTextView.getText(); 
    if (outlineText == null || !outlineText.equals(this.getText())) { 
      outlineTextView.setText(getText()); 
      postInvalidate(); 
    } 
    outlineTextView.measure(widthMeasureSpec, heightMeasureSpec); 
  } 
  @Override 
  protected void onLayout (boolean changed, int left, int top, int right, int bottom) { 
    super.onLayout(changed, left, top, right, bottom); 
    outlineTextView.layout(left, top, right, bottom); 
  } 
  @Override 
  protected void onDraw(Canvas canvas) { 
    outlineTextView.draw(canvas); 
    super.onDraw(canvas); 
  } 
}

2.重写onDraw方法


public class StrokeTextView extends TextView {
  private TextView outlineTextView = null;
  private TextPaint strokePaint;
  public StrokeTextView(Context context) {
    super(context);
    outlineTextView = new TextView(context);
  }
  public StrokeTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    outlineTextView = new TextView(context, attrs);
  }
  public StrokeTextView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    outlineTextView = new TextView(context, attrs, defStyle);
  }
  @Override
  public void setLayoutParams (ViewGroup.LayoutParams params) {
    super.setLayoutParams(params);
    outlineTextView.setLayoutParams(params);
  }
  @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    AssetManager manager = context.getAssets();
    String path = "fonts/new_text.ttf";
    Typeface type = Typeface.createFromAsset(manager, path);
    //设置轮廓文字
    CharSequence outlineText = outlineTextView.getText();
    if (outlineText == null || !outlineText.equals(this.getText())) {
      outlineTextView.setText(getText());
      outlineTextView.setTypeface(type);
      setTypeface(type);
      postInvalidate();
    }
    outlineTextView.measure(widthMeasureSpec, heightMeasureSpec);
  }
  @Override
  protected void onLayout (boolean changed, int left, int top, int right, int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    outlineTextView.layout(left, top, right, bottom);
  }
  @Override
  protected void onDraw(Canvas canvas) {
    AssetManager manager = context.getAssets();
    String path = "fonts/new_text.ttf";
    Typeface type = Typeface.createFromAsset(manager, path);
    if (strokePaint == null) {
      strokePaint = new TextPaint();
    }
    //复制原来TextViewg画笔中的一些参数
    TextPaint paint = getPaint();
    strokePaint.setTextSize(paint.getTextSize());
    strokePaint.setTypeface(type);
    strokePaint.setFlags(paint.getFlags());
    strokePaint.setAlpha(paint.getAlpha());
    //自定义描边效果
    strokePaint.setStyle(Paint.Style.STROKE);
    strokePaint.setColor(Color.parseColor("#000000"));
    strokePaint.setStrokeWidth(4);
    String text = getText().toString();
    //在文本底层画出带描边的文本
    canvas.drawText(text, (getWidth() - strokePaint.measureText(text)) / 2,
        getBaseline(), strokePaint);
    super.onDraw(canvas);
  }
}