android水印控件,android使用ItemDecoration给RecyclerView 添加水印

前言

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

Demo在 WatermarkFragment 中,效果图如下:

15059027481.gif?20171614052

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.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写的真的好,艺术般的控件。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程小技巧。

总结

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值