Androids使用TextvView实现镂空字体效果

发布时间：2020-11-02 15:59:54 阅读：228 作者：Leah 栏目：开发技术

Android开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

Androids使用TextvView实现镂空字体效果？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

自定义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();
    //这是镂空的关键
    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，把一些基本属性都支持进去
    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"/>

关于Androids使用TextvView实现镂空字体效果问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注亿速云行业资讯频道了解更多相关知识。

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

Androids使用TextvView实现镂空字体效果

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签