android使用ItemDecoration给RecyclerView 添加水印

前言

项目中有使用到水印效果，如下图所示。在实现过程中，最终选用ItemDecoration来实现，其中有两大步骤：自定义Drawable来完成水印图片、使用ItemDecoration来布局水印。

Demo在 WatermarkFragment 中，效果图如下：

1. 自定义Drawable完成水印图片

public class MyDrawable extends Drawable {
 Paint mPaint;
 public MyDrawable() {
  mPaint = new Paint();
  mPaint.setColor(Color.parseColor("#1A000000"));
  mPaint.setAntiAlias(true);
  mPaint.setTextAlign(Paint.Align.LEFT);//从字的最左边开始画
  mPaint.setTextSize(54);
 }
 @Override public void draw(@NonNull Canvas canvas) {
  Rect r = getBounds();
  //画斜着的字
  canvas.save();
  canvas.rotate(-30, r.left, r.bottom);
  canvas.drawText("哈哈哈哈哈哈哈", r.left, r.bottom, mPaint);
  canvas.restore();
 }
  
 //倾斜30度，可以算出高来
 @Override public int getIntrinsicHeight() {
  return (int) (Math.sqrt(3) / 3 * getIntrinsicWidth() + 0.5F);
 }
 @Override public int getIntrinsicWidth() {
  return (int) (mPaint.measureText("DecorationDraw") + 0.5F);
 }
 //...模板方法省略
}

这里说一下，自定义该Drawable是比较简单的，但是想到这一步的话就简答多了，刚开始是想直接在ItemDecoration里边绘制边布局，但后来尝试了一下太复杂，所以就使用Drawable独立出来，然后就顺利了好多。

2. 使用ItemDecoration布局水印

public class MyDecoration extends RecyclerView.ItemDecoration {
 private Drawable mDivider;
 private int mScrollY;
 public MyDecoration() {
  mDivider = new MyDrawable();
 }
 @Override public void onDraw(Canvas canvas, RecyclerView parent, RecyclerView.State state) {
  //清除之前画的
  // canvas.drawColor(Color.WHITE);
  
  int top = UIUtil.dp(20) - mScrollY;
  // 对于画多少个水印，根据业务需求来，这里直接画count个
  int itemCount = parent.getAdapter().getItemCount();
  // 进行布局
  for (int i = 0; i < itemCount; ++i) {
   int left = i % 2 == 0 ? UIUtil.dp(20) : parent.getMeasuredWidth() -mDivider.getIntrinsicWidth() - UIUtil.dp(20);
   //通过setBounds来控制水印的左右
   mDivider.setBounds(left, top, parent.getMeasuredWidth(), top + mDivider.getIntrinsicHeight());
   mDivider.draw(canvas);
   if (i % 2 == 0) {
    top += UIUtil.dp(20) + mDivider.getIntrinsicHeight();
   } else {
    top += UIUtil.dp(140) + mDivider.getIntrinsicHeight();
   }
  }
 }
  
 public void setScrollY(int scrollY) {
  this.mScrollY = scrollY;
 }
}

在RecyclerView中：

private int totallyY = 0;
recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
 @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
  totallyY += dy;
  myDecoration.setScrollY(totallyY);
  }
});

结语

这么写下来感觉还是很简单的，刚开始实现时感觉确实有点难度，RecyclerView写的真的好，艺术般的控件。

您可能感兴趣的文章:Android图片添加水印图片并把图片保存到文件存储的实现代码Android给任何view添加全屏倾斜水印Android 给图片加上水印的示例代码（支持logo+文字）Android 图片添加水印的实现方法Android给图片加文字和图片水印实例代码Android实现分享长图并且添加全图水印Android实现为图片添加水印Android添加水印的正确方法 只要三步!Android视频处理之动态时间水印效果android实现文字水印效果 支持多行水印