RecyclerView 暂无数据点击重新加载（一）

开发过程中往往会有列表没有数据就显示暂无数据点击刷新的需求

image.png

可能大家会用一个RelativeLayout写套一个listview 以及一个暂无数据的ui 有数据显示就把暂无数据这个样式隐藏如果这种页面多了复制粘贴也是很烦的一件事情今天就写一个简单的例子用自定义下RecyclerView 实现
直接继承 RecyclerView 重写onDraw方法
根据ui的效果要处理三个事情第一个加载图片的绘制以及文字的绘制
先第一步画一个图片也就是前提条件得判断好getChildCount的数量只有满足为0的时候才代表数据没有才进行绘制重新加载的样式
Canvas.drawBitmap方法
准备好一张图片

public void setBitmap(Bitmap bitmap) {
        this.bitmap = bitmap;
    }

算出绘制的坐标

image.png

注意的是我这里是图片居中的效果需要拿到RecyclerView的整体的宽高度减去图片的宽高除2 就能得到了中心点了

第一步图片完成了就执行第二部绘制文字
Canvas.drawText方法
位置于图片的下方

image.png

注意的是 Paint 得设置好字体大小样式等

image.png

setTextSize这个方法传入得px 而textview得textsize是sp 想要达到textview同样得大小需要吧sp转成px

public static int sp2px(Context context, float spValue) {
        final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
        return (int) (spValue * fontScale + 0.5f);
    }

这样就可以展示了先看下效果

image.png

ps.没有图片就拿随便找了个图
为了更好的逻辑我们需要设定一个数据加载完了的标示满足这个条件才去绘制我们的样式

image.png

最好一步就是去处理点击事件
重写dispatchTouchEvent 并在手指离开屏幕进行接口回调

image.png

只要实现并传递接口就完工了


public class MyRecyclerView extends RecyclerView {
    Shuaxin shuaxin; //自己瞎写的接口
    boolean complete;
    Bitmap bitmap;
    Paint paint;
    public MyRecyclerView(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        paint = new Paint();
        paint.setTextSize(DisplayUtils.sp2px(context,14));
        paint.setTextAlign(Paint.Align.CENTER);
        paint.setColor(Color.BLACK);
    }

    public void setShuaxin(Shuaxin shuaxin) {
        this.shuaxin = shuaxin;
    }

    public void setBitmap(Bitmap bitmap) {
        this.bitmap = bitmap;
    }
    //activity 告诉 recycleview 数据全给你了你自己看着办
    public void  completeLoad(){
        complete =true;
        invalidate(); //重绘 
    }

    @Override
    public void onDraw(Canvas c) {
        super.onDraw(c);
        Log.d("RecyclerView","onDraw");
        if(getChildCount()==0 && complete){
            c.drawColor(Color.GREEN);
            int x = (getWidth()-bitmap.getWidth()) /2;
            int y = (getHeight()-bitmap.getHeight()) /2;
            c.drawBitmap(bitmap,x,y,paint);
            c.drawText("暂无数据点击重新加载",getWidth()/2,
                    (getHeight()/2)+bitmap.getHeight(),paint);


        }
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {

        switch (ev.getAction()){

            case    MotionEvent.ACTION_UP :
                if(getChildCount()==0&&this.shuaxin!=null){
                        shuaxin.shuaxin();

                   return true;
                }

        }
        return super.dispatchTouchEvent(ev);
    }
}

activity使用

image.png

到此就结束

最后编辑于：2019.12.11 13:23:34

RecyclerView 暂无数据 点击重新加载（一）

RecyclerView 暂无数据点击重新加载（一）