文档章节

打造一个无数据显示无数据提示信息的ListView

xiaolei123
 xiaolei123
发布于 2017/04/28 17:21
字数 407
阅读 74
收藏 0

最近我们测试人员说,我们的所有的列表都要做一个没有数据就提示没有数据,当时我的表情是这样的 =_=!!! 我的天呐……这么多列表真的要一个一个做嘛!!!然后我想了一下,那就直接改造Listview吧……说干就干。


没有数据的效果:

没有数据的时候


有数据的效果:

有数据的时候


代码: NoDataListView.java

package com.tianjs.tianjinsuop2p.widgets;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.Adapter;
import android.widget.ListView;

import com.tianjs.tianjinsuop2p.R;

/**
 * Created by xiaolei on 2017/4/28.
 */

public class NoDataListView extends ListView
{
    private int height = 0;
    private int width = 0;
    private Bitmap noDataBitmap = null;
    private Paint mPaint;

    private int minItem = 0;
    private int noDataImgInt = 0;

    public NoDataListView(Context context)
    {
        this(context, null);
    }

    public NoDataListView(Context context, AttributeSet attrs)
    {
        this(context, attrs, 0);
    }

    public NoDataListView(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.NoDataListView);

        noDataImgInt = array.getResourceId(R.styleable.NoDataListView_noDataImg, 0);
        minItem = array.getInt(R.styleable.NoDataListView_minItem, 0);

        if (noDataImgInt != 0)
        {
            noDataBitmap = BitmapFactory.decodeResource(getResources(), noDataImgInt);
        } else
        {
            noDataBitmap = Bitmap.createBitmap(1, 1, Bitmap.Config.ARGB_8888);
        }
        mPaint = new Paint();

        array.recycle();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        height = MeasureSpec.getSize(heightMeasureSpec);
        width = MeasureSpec.getSize(widthMeasureSpec);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

    @Override
    protected void onDraw(Canvas canvas)
    {
        Adapter adapter = getAdapter();
        super.onDraw(canvas);
        if (adapter == null || adapter.getCount() <= minItem)
        {
            canvas.drawBitmap(noDataBitmap, width / 2 - noDataBitmap.getWidth() / 2, height / 2 - noDataBitmap.getHeight() / 2, mPaint);
        }
    }
}


属性声明:

<declare-styleable name="NoDataListView">
    <!--最低Item数-->
    <attr name="minItem" format="integer"/>
    <!--没有数据时,显示的图片资源-->
    <attr name="noDataImg" format="reference"/>
</declare-styleable>

如何使用?

<com.tianjs.tianjinsuop2p.widgets.NoDataListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:divider="#00000000"
            android:dividerHeight="0dp"
            android:overScrollMode="never"
            android:scrollbars="none"
            app:minItem="0"
            app:noDataImg="@drawable/icon_wushuju"/>

其实就是在onDraw里面,检测到有几个item,如果adapter为null,或者adapter的count小于等于最小item数的话,就在背景显示没有数据的图片出来、

© 著作权归作者所有

共有 人打赏支持
xiaolei123
粉丝 36
博文 55
码字总数 32591
作品 3
深圳
ReactNative基础(四)了解ListView的使用、实现GridView效果、编写一个真实网络请求案例

此博客基于react-native-0.48.4 ListView简介 一个核心组件,用于高效地显示一个可以垂直滚动的变化的数据列表。最基本的使用方式就是创建一个ListView.DataSource数据源,然后给它传递一个普...

a_zhon
2017/09/29
0
0
Android中ListView动态加载数据

引言: 为了提高ListView的效率和应用程序的性能,在Android应用程序中不应该一次性加载ListView所要显示的全部信息,而是采取分批加载策略,随着用户的滑动,动态的从后台加载所需的数据,并...

postdep
2013/01/30
0
0
一个android记事本的学习过程记录! (二)

在实现了保存文字的功能以后,接下来我们要实现在主页面中的ListView中显示出我们已经保存了的信息;既然要用ListView,则一定要有一个适配器adapter去添加内容,我们新创建一个MyAdapter去继...

小白杨啦啦
2016/05/01
276
0
【学习笔记】ListView初识

处理空ListView 之前在做空数据的时候,会在ListView同界面再放一个其它控件,然后在ListView数据为空时,将控件显示,有数据再隐藏。 最近发现有方法直接处理:ListView处理空数据时,可用通...

小树coding
2016/01/17
76
0
android关于listview设置emptyview的问题

在平时使用listview的时候我们会判断是否有数据,没有数据就会显示一个提示界面,在代码中给listview.setEmptyView。这个问题就来了,设置的emptyview会填充满整个屏幕,并且把listview给挡住...

吕檀溪
2015/07/26
1K
2

没有更多内容

加载失败,请刷新页面

加载更多

20.27 分发系统介绍~ 20.30 expect脚本传递参数

分发系统介绍分发系统-expect讲解(也就是一个分发的脚本)场景:业务越来越大,网站app,后端,编程语言是php,所以就需要配置lamp或者lnmp,最好还需要吧代码上传到服务器上;但是因...

洗香香
26分钟前
1
0
设计一个百万级的消息推送系统

前言 首先迟到的祝大家中秋快乐。 最近一周多没有更新了。其实我一直想憋一个大招,分享一些大家感兴趣的干货。 鉴于最近我个人的工作内容,于是利用这三天小长假憋了一个出来(其实是玩了两...

crossoverJie
32分钟前
1
0
软件架构:5种你应该知道的模式

Singleton(单例模式)、仓储模式(repository)、工厂模式(factory)、建造者模式(builder)、装饰模式(decorator)……大概每个上课听讲的程序员都不会陌生——软件的设计模式为我们提供...

好雨云帮
44分钟前
2
0
OSChina 周二乱弹 —— 这只是一笔金钱交易

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @小小编辑:推荐歌曲《暮春秋色》- 窦唯 / 译乐队 《暮春秋色》- 窦唯 / 译乐队 手机党少年们想听歌,请使劲儿戳(这里) @我没有抓狂:跨服聊...

小小编辑
56分钟前
617
16
df命令、du命令 、磁盘分区

9月25日任务 4.1 df命令 4.2 du命令 4.3/4.4 磁盘分区 4.1、命令 :df #磁盘空间使用情况 [root@zgxlinux-02 ~]# df 按字节显示 1000Byte=1KB 1000KB=1MB 1000MB=1GB ...

zgxlinux
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部