Android开篇之listview加载中、无数据、等各种状态

最新推荐文章于 2018-12-07 11:39:51 发布
最新推荐文章于 2018-12-07 11:39:51 发布
阅读量4.3k 收藏 5
点赞数
分类专栏： Android开篇
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/android_a/article/details/53925293
版权

一，概述

          经常我们刷新listview的时候，正常情况下会有数据，我们会按照正常情况让他展示数据。当没有数据的时候我们会用setemptyview方法。可是当我们遇到加载失败的时候怎么办，没有网络的时候怎么。这时候我们就必须自己根据需求来统一定义我们的内容界面，通常情况下。会有以下几种状态包括无数据、加载异常、正在加载、数据正常及全部不显示（根据需求自己定义的一个界面）

二，分析

         接下来，我们就来上码 
/**
 * 不同状态的显示站位图(包括无数据，加载异常，正在加载，数据正常以及全部不显示5种状态)
 */
public class StatusSwitchLayout extends RelativeLayout {
	private View vContentView;
	private LinearLayout vRequestLayout;
	private LinearLayout vFailureLayout;
	private LinearLayout vNoDataLayout;
	
	private ImageView vRequestImg;
	private ImageView vFailureImg;
	private ImageView vNoDataImg;
	private Button vNoDataBtn;

	public StatusSwitchLayout(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		initWithContext(context);
	}

	public StatusSwitchLayout(Context context, AttributeSet attrs) {
		super(context, attrs);
		initWithContext(context);
	}

	public StatusSwitchLayout(Context context) {
		super(context);
		initWithContext(context);
	}
	
	private void initWithContext(Context context){
		LayoutInflater inflater=(LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		inflater.inflate(R.layout.status_switch_layout, this);
		
		vRequestLayout = (LinearLayout)findViewById(R.id.request_layout);
		vFailureLayout = (LinearLayout)findViewById(R.id.loading_failure_layout);
		vNoDataLayout = (LinearLayout)findViewById(R.id.no_data_layout);
		
		vRequestImg = (ImageView)findViewById(R.id.request_loading_img);
		vFailureImg = (ImageView)findViewById(R.id.loading_failure_img);
		vNoDataImg = (ImageView)findViewById(R.id.no_data_img);
		vNoDataBtn = (Button)findViewById(R.id.other_operate_button);
		
	}
	
	public View getContentView() {
		return vContentView;
	}
	
	/**
	 * 设置content layout 便于统一控制显示哪个layout
	 * @param vContentView
	 */
	public void setContentView(View vContentView) {
		this.vContentView = vContentView;
	}

	public LinearLayout getRequestLayout() {
		return vRequestLayout;
	}

	public LinearLayout getFailureLayout() {
		return vFailureLayout;
	}

	public LinearLayout getNoDataLayout() {
		return vNoDataLayout;
	}

	public ImageView getRequestImg() {
		return vRequestImg;
	}

	public ImageView getFailureImg() {
		return vFailureImg;
	}

	public ImageView getNoDataImg() {
		return vNoDataImg;
	}

	public Button getNoDataBtn() {
		return vNoDataBtn;
	}

	public void setRequestImgRes(int resId){
		vRequestImg.setImageResource(resId);
	}
	
	public void setFailureImgRes(int resId){
		vFailureImg.setImageResource(resId);
	}
	
	public void setNoDataImgRes(int resId){
		vNoDataImg.setImageResource(resId);
	}
	
	public void setNoDataBtnBg(int resId){
		vNoDataBtn.setBackgroundResource(resId);
	}
	
	public void showContentLayout(){
		showWhichLayout(0);
	}
	
	public void showNoDataLayout(){
		showWhichLayout(1);
	}
	
	public void showRequestLayout(){
		showWhichLayout(2);
	}
	
	public void showFailureLayout(){
		showWhichLayout(3);
	}
	
	public void dismissAll(){
		showWhichLayout(4);
	}
	
	/**
	 * 0.代表显示content layout,1.代表显示无数据layout,2.代表显示请求layout,3.代表显示失败layout, 4.代表均不显示(预留显示其他可能的布�?)
	 * @param index
	 */
	private void showWhichLayout(int index){
		switch (index) {
		case 0:
			if(null != vContentView && vContentView.getVisibility() == View.GONE){
				showView(vContentView);
			}
			if(vNoDataLayout.getVisibility() == View.VISIBLE){
				dismissView(vNoDataLayout);
			}
			if(vRequestLayout.getVisibility() == View.VISIBLE){
				dismissView(vRequestLayout);
			}
			if(vFailureLayout.getVisibility() == View.VISIBLE){
				dismissView(vFailureLayout);
			}
			break;
		case 1:
			if(null != vContentView && vContentView.getVisibility() == View.VISIBLE){
				dismissView(vContentView);
			}
			if(vNoDataLayout.getVisibility() == View.GONE){
				showView(vNoDataLayout);
			}
			if(vRequestLayout.getVisibility() == View.VISIBLE){
				dismissView(vRequestLayout);
			}
			if(vFailureLayout.getVisibility() == View.VISIBLE){
				dismissView(vFailureLayout);
			}
			break;
		case 2:
			if(null != vContentView && vContentView.getVisibility() == View.VISIBLE){
				dismissView(vContentView);
			}
			if(vNoDataLayout.getVisibility() == View.VISIBLE){
				dismissView(vNoDataLayout);
			}
			if(vRequestLayout.getVisibility() == View.GONE){
				showView(vRequestLayout);
			}
			if(vFailureLayout.getVisibility() == View.VISIBLE){
				dismissView(vFailureLayout);
			}
			break;
		case 3:
			if(null != vContentView && vContentView.getVisibility() == View.VISIBLE){
				dismissView(vContentView);
			}
			if(vNoDataLayout.getVisibility() == View.VISIBLE){
				dismissView(vNoDataLayout);
			}
			if(vRequestLayout.getVisibility() == View.VISIBLE){
				dismissView(vRequestLayout);
			}
			if(vFailureLayout.getVisibility() == View.GONE){
				showView(vFailureLayout);
			}
			break;
		case 4:
			if(null != vContentView && vContentView.getVisibility() == View.VISIBLE){
				dismissView(vContentView);
			}
			if(vNoDataLayout.getVisibility() == View.VISIBLE){
				dismissView(vNoDataLayout);
			}
			if(vRequestLayout.getVisibility() == View.VISIBLE){
				dismissView(vRequestLayout);
			}
			if(vFailureLayout.getVisibility() == View.VISIBLE){
				dismissView(vFailureLayout);
			}
			break;
		default:
			break;
		}
	}
	
	private void showView(View view){
		view.setAlpha(0f);  
		view.setVisibility(View.VISIBLE);
		  
		view.animate()  
			.alpha(1f)  
	        .setDuration(300)  
	        .setListener(null);        

	}
	
	private void dismissView(final View view){
		view.setVisibility(View.GONE);
//		view.animate()  
//        .alpha(0f)  
//        .setDuration(300)  
//        .setListener(new AnimatorListenerAdapter() {  
//            @Override  
//            public void onAnimationEnd(Animator animation) {  
//            	
//            }  
//        });  

		
	}
	
}
这里逻辑很简单，大家看下代码就知道，其实就是自定义一个新的共有界面。根据逻辑做出判断就可以了。当我们定义好这个自定义控件，我们会在布局文件里先定义好，如下 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.nanjing.test.status.MainActivity">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.handmark.pulltorefresh.library.PullToRefreshListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       />
    <include
        layout="@layout/status_layout"/>
</RelativeLayout>
</RelativeLayout>
这里面的incude就是包含我们定义的控件。然后在activity里正常调用就可以了 
public class MainActivity extends AppCompatActivity {
    //可以是各种view
    private PullToRefreshListView vLv;
    //占位状态
    private StatusSwitchLayout vstatues;
    //
    private List<String> mdata;
    private MyAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
        initData();
        initClick();
    }

    private void initView() {
        vLv=(PullToRefreshListView)findViewById(R.id.listview);
        vstatues=(StatusSwitchLayout)findViewById(R.id.status_layout);
        //将view加载到状态里面去
        vstatues.setContentView(vLv);
        vstatues.getNoDataBtn().setText("没有数据");
    }

    private void initData() {
        mdata=new ArrayList<>();
        for(int i=0;i<20;i++){
            mdata.add("今天天气不错"+i);
        }
        adapter=new MyAdapter(this,mdata);
        vLv.setAdapter(adapter);
        vstatues.showContentLayout();
        //网络状态
        if(!isNetworkConnected(this)){
            vstatues.showFailureLayout();
        }
    }

    private void initClick() {
        vLv.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
                // 模拟无网络的时候，加载失败的时候（当打开网络。可以点击就有数据了）。及正常状态的时候
//                vLv.postDelayed(new Runnable() {
//                    @Override
//                    public void run() {
//                        initData();
//                        mdata.add("注意这里添加了一条数据。点击刷新会在数据的末尾加上这句");
//                        adapter.notifyDataSetChanged();
//                        vLv.onRefreshComplete();
//                    }
//                }, 1000);


//              模拟没有数据
                initData();
                mdata=null;
                vstatues.showNoDataLayout();
            }

            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {

            }
        });
        vstatues.getFailureLayout().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                vstatues.getRequestLayout();
                initData();
            }
        });
    }

    private class MyAdapter extends BaseAdapter{
        private Context mcontext;
        private List<String> mdata;
        public MyAdapter(Context mcontext,List<String> mdata){
            this.mcontext=mcontext;
            this.mdata=mdata;
        }
        @Override
        public int getCount() {
            return mdata.size();
        }
        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public Object getItem(int position) {
            return mdata.get(position);
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            convertView= LayoutInflater.from(mcontext).inflate(R.layout.item,null);
            TextView tv=(TextView)convertView.findViewById(R.id.tv);
            tv.setText(mdata.get(position).toString());
            return convertView;
        }
    }
    //判断是否有网络连接
    public boolean isNetworkConnected(Context context) {
        if (context != null) {
            ConnectivityManager mConnectivityManager = (ConnectivityManager) context
                    .getSystemService(Context.CONNECTIVITY_SERVICE);
            NetworkInfo mNetworkInfo = mConnectivityManager.getActiveNetworkInfo();
            if (mNetworkInfo != null) {
                return mNetworkInfo.isAvailable();
            }
        }
        return false;
    }
}
小编只是单纯的用这个控件展示了下。供大家参考，若使用到代码中，还要与网络请求做好数据的处理，稍微改动下就可以使用

三，效果展示


效果入上图所示。自我感觉还可以。哈哈，由于小编水平有限。如有不当之处，还望不吝赐教，谢谢
代码资源 资源在这
gf_android
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android listview 无数据提示,Android中listview加载数据的时候出现空白页
weixin_31544603的博客
05-27 612
今天写了一个异步加载图片，防止图片错位的demo，自己自定义了一个baseAdapter，我的天，一直都是空白界面，listview的getview()方法不执行，请调试很很久，按照理论应该是可以出来数据的。找了种种，结果就是数据的问题，看着别人的总结方法我也写一下。第一、没有执行getview往往是因为没有显示页面。这个时候，我们首先要保证确实有有效的数据传到了自定义的适配器里。因为如果getc...
Android listview加载列表时,无数据,显示默认页
qq_21036939的博客
11-30 4366
Activity->2个Fragment 未购买页面,服务器端暂时没有数据,但是显示空白页面,显然不好看,用户体验也不好,所以当没有数据时候显示默认提示页面xml布局<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" a
看代码学知识之（2） ListView无数据时显示其他View
weixin_33896726的博客
08-28 143
  看代码学知识之（2） ListView无数据时显示其他View   　　今天看的一块布局是这样的： &lt;!-- The frame layout is here since we will be showing either the empty view or the list view. --&gt; &lt;FrameLayou...
ListView绑定数据和设置ListView无数据的时候显示TextView暂无数据
03-20
ListView绑定数据和设置ListView无数据的时候显示TextView暂无数据
Android ListView无数据视图
ShiKKing's BLOG
12-08 6536
正确使用ListView中的setEmptyView方法来设置Adapter为空或者无数据时候的自定义视图
list view 无数据时显示”暂无数据“等字样
qq_42713526的博客
09-12 1931
因为项目需要做了这样一个小东西，不难，写上来就当做笔记了 下面来说一下怎么做： 直接在.xml文件中添加一个listview
Android开发中Listview动态加载数据的方法示例
08-29
Android开发中Listview动态加载数据的方法示例主要介绍了Android开发中Listview动态加载数据的方法，结合实例形式较为详细的分析了Android操作ListView界面布局与数据动态更新相关操作技巧。下面是对该方法的详细...
Android之ListView分页加载数据功能实现代码
09-01
在Android中实现ListView分页加载数据的步骤如下： 1. **初始化数据**：首先，你需要确定ListView默认显示的数据量，例如10条。这些数据通常是从服务器获取或存储在本地数据库中的。 2. **创建自定义适配器**：...
Android开发实现ListView异步加载数据的方法详解
08-28
Android开发中，ListView是最常用的一个控件，用于显示大量的数据，但是当数据量很大时，ListView的加载就会变慢，那么如何实现ListView的异步加载数据就变得非常重要。本文将详细介绍Android开发实现ListView异步...
各种listview的状态（无数据，断网，网络错误等）
12-29
该资源不仅使用于listview.各种列表的都可以。分享给大家供参考，若使用还要进一步封装。
Android中ListView分页加载数据功能实现
09-01
本文将详细讲解如何在Android中实现ListView的分页加载数据功能。 首先，理解分页加载的基本概念。当用户滚动列表接近底部时，不一次性加载所有数据，而是按需加载，即分批次加载数据。这样可以降低初次加载时的...
Android中ListView数据不显示问题
热门推荐
Xiongjiayo的博客
08-15 1万+
一、简介： 最近使用listView来显示蓝牙设备列表，运行后发现什么都没有显示。   二、调试： 1、在自定义Adapter重写的getView方法中添加一条日志，发现运行后该日志并没有打印出来，说明getView方法并没有执行； 2、检查传入自定义Adapter的数据列表ArrayList，在ArrayList添加数据后添加日志打印，发现运行后日志能打印出数据，说明ArrayList...
安卓项目实战之：最实用的加载中、无网络、无数据、出错四种情况切换库的使用总结
智玲君
12-07 2075
效果图 录出来的效果不是很好，真机上展示效果还算完美。 如图所示该效果的实现依赖三个库： 1，顶部Tab导航：比TabLayout功能更强大的FlycoTabLayout，具体使用查看本人之前博客：安卓项目实战之：FlycoTabLayout和FlycoRoundView的介绍及使用 2，精美的Toast：查看之前博客：安卓项目实战之：基于Toasty库封装的精美的Toast工具类 3，Frag...
ListView无数据时显示页面
sun985757454的博客
06-29 1337
ListView无数据时显示页面
设置ListView无数据的时候显示TextView暂无数据
llixiangjian的博客
05-11 5163
package com.example.lixiangjian.myapplication; import android.os.Bundle; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.widget.AdapterView; import android.w
list绑定数据和设置ListView无数据的时候显示TextView暂无数据
baidu_35975930的博客
03-20 1649
转载自：http://blog.csdn.net/llixiangjian/article/details/71599590用Android studio开发在ListView列表中，如果没有数据的时候进行友好的文字提示。package com.example.lixiangjian.myapplication; import android.os.Bundle; import an...
Android中ListView分页加载数据
t225com
10-08 467
熟悉Android的朋友们都知道，不管是微博客户端还是新闻客户端，都离不开列表组件，可以说列表组件是Android数据展现方面最重要的组件，我们今天就要讲一讲列表组件ListView加载数据的相关内容。通常来说，一个应用在展现大量数据时，不会将全部的可用数据都呈现给用户，因为这不管对于服务端还是客户端来说都是不小的压力，因此，很多应用都是采用分批次加载的形式来获取用户所需的数据。比如：微博客户端可...
Android动态加载ListView的实现以及注意事项
actor1999的专栏
04-12 775
做安卓开发的都知道，Android中的ListView的使用率是非常高的。像我经常要用到ListView，并且经常会遇到要动态加载Item的需求，比如说，我的情况是这样的，我现在要从后台拉出用户的列表来显示，然后需要显示的数据有1000条，那我不可能一下子就把1000条数据拉下来都显示吧，首先是这样子耗流量，其次是没必要，有时候用户只看前几条就不看了，重要的是，你一下子显示1000条数据可能会导致
Android ListView 实现下拉加载功能详解
"在Android UI开发中，ListView是常用的组件之一，尤其在数据展示时。下拉加载（Pull-to-Refresh）功能使得用户可以方便地更新列表内容，常见于社交应用和新闻阅读应用中。本教程将介绍如何实现ListView的下拉加载...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值