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

发布时间:2020-11-02 15:59:54 作者:Leah
来源:亿速云 阅读:216

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

推荐阅读:
  1. Unity Shader实现新手引导遮罩镂空效果
  2. Unity实现新手引导镂空效果的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android roi

上一篇:SwiftUI 中实现创建反弹动画

下一篇:vue缓存之keep-alive的理解和应用详解

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》