当前位置： 移动技术网 > 移动技术>移动开发>Android > android使用ItemDecoration给RecyclerView 添加水印

android使用ItemDecoration给RecyclerView 添加水印

2019年07月24日  | 移动技术网移动技术  | 我要评论

前言

项目中有使用到水印效果，如下图所示。在实现过程中，最终选用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();
 }

 /*
  复写这两个方法是为了当在控件wrap_content时能自己测量出高，同时也方便布局。
 */ 

 //倾斜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);

  /*
   * 跟着滑动是因为bounds在不停的变化，就是top
   */
  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();
   }
  }

 }

 /*
  mscrolly用于监测recyclerview的滑动距离，此处使用的是onscrolllistener中dy的累加值，当item不发生删除添加操作时是准确的
 */ 
 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写的真的好，艺术般的控件。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网