溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

Androids使用TextvView實(shí)現(xiàn)鏤空字體效果

發(fā)布時(shí)間:2020-11-02 15:59:54 來(lái)源:億速云 閱讀:217 作者:Leah 欄目:開發(fā)技術(shù)

Androids使用TextvView實(shí)現(xiàn)鏤空字體效果?針對(duì)這個(gè)問(wèn)題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

自定義TextView

public class HollowTextView extends AppCompatTextView {
  private Paint mTextPaint, mBackgroundPaint;
  private Bitmap mBackgroundBitmap,mTextBitmap;
  private Canvas mBackgroundCanvas,mTextCanvas;
  private RectF mBackgroundRect;
  private int mBackgroundColor;
  private float mCornerRadius;
 
  public HollowTextView(Context context) {
    this(context,null);
  }
 
  public HollowTextView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initAttrs(attrs,0);
    initPaint();
  }
 
  public HollowTextView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    initAttrs(attrs,defStyleAttr);
    initPaint();
  }
 
 
  private void initAttrs(AttributeSet attrs,int defStyleAttr){
    if(attrs == null){
      return;
    }
    TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.HollowTextView, defStyleAttr, 0);
    mBackgroundColor = typedArray.getColor(R.styleable.HollowTextView_hollowTextView_background_color, Color.TRANSPARENT);
    mCornerRadius = typedArray.getDimension(R.styleable.HollowTextView_hollowTextView_corner_radius,0);
    typedArray.recycle();
  }
 
  /***
   * 初始化畫筆屬性
   */
  private void initPaint() {
    //畫文字的paint
    mTextPaint = new Paint();
    //這是鏤空的關(guān)鍵
    mTextPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
    mTextPaint.setAntiAlias(true);
    mBackgroundPaint = new Paint();
    mBackgroundPaint.setColor(mBackgroundColor);
    mBackgroundPaint.setAntiAlias(true);
 
  }
 
  @Override
  protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    mBackgroundBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_4444);
    mBackgroundCanvas = new Canvas(mBackgroundBitmap);
    mTextBitmap = Bitmap.createBitmap(w,h,Bitmap.Config.ARGB_4444);
    mTextCanvas = new Canvas(mTextBitmap);
    mBackgroundRect = new RectF(0,0,getWidth(),getHeight());
  }
 
  @Override
  protected void onDraw(Canvas canvas) {
    //這里給super傳入的是mTextCanvas,把一些基本屬性都支持進(jìn)去
    super.onDraw(mTextCanvas);
    drawBackground(mBackgroundCanvas);
    int sc;
    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP ){
      sc = canvas.saveLayer(0,0,getMeasuredWidth(),getMeasuredHeight(),null);
    }else {
      sc = canvas.saveLayer(0,0,getMeasuredWidth(),getMeasuredHeight(),null,Canvas.ALL_SAVE_FLAG);
    }
    canvas.drawBitmap(mBackgroundBitmap,0,0,null);
    canvas.drawBitmap(mTextBitmap, 0, 0, mTextPaint);
    canvas.restoreToCount(sc);
  }
 
  private void drawBackground(Canvas canvas){
    if(mCornerRadius > 0){
      canvas.drawRoundRect(mBackgroundRect,mCornerRadius,mCornerRadius, mBackgroundPaint);
    }else {
      canvas.drawColor(mBackgroundColor);
    }
  }

attr.xml文件

<declare-styleable name="HollowTextView">
     <attr name="hollowTextView_background_color" format="color|reference"/>
     <attr name="hollowTextView_corner_radius" format="dimension|reference"/>
  </declare-styleable>

xml中使用

<com.cn.util.HollowTextView
      android:id="@+id/hollowtext"
      android:layout_width="60dp"
      android:layout_height="50dp"
      android:gravity="center"
      android:text="99+"
      android:textSize="30sp"
      android:textStyle="bold"
      app:hollowTextView_background_color="@color/white"
      app:hollowTextView_corner_radius="5dp"
      android:layout_centerInParent="true"/>

關(guān)于Androids使用TextvView實(shí)現(xiàn)鏤空字體效果問(wèn)題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒(méi)有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI