基于Android ListView之加载使用技巧

程序员很多,遍地都是,高手也很多,但是懂设计的程序员并不多,我觉得我们不仅要成为一个coder还要成为一个designer。

我是一个比较注重ued的人,如果对一个app来说,程序是app的内涵那么设计就是要体现app的外在美观。

曾经看到一篇招聘用户体验设计师的信息问道

    如果说,在我们身边,设计师具有表达思想的力量;工程师具有实现思想的力量。

那么请问用户体验设计师具有什么力量,有资格成为团队成员?

每个人有每个的思想每个人有每个人的见解,这就不多讲留给大家去思考。

我手机装的应用并不多,稍微采集了一把手机上加载提示的应用截图。

以上是一些谷歌Play百度迅雷腾讯的应用内容加载的截图。

一般加载提示有分三种,一种是Dialog一个带进度圈的对话框,一种是轻提示Toast无焦点的提示器,还有一种就是内嵌在内容布局里的位于最上层的视图,以上应用貌似都是这种。

第一种,ProgressDialog一般成熟产品用的比较少,因为这个东西叫简陋定制型不高。

第二种,Toast如果不定制的,很容易遭用户的忽视甚至嫌弃。而ios上却做的很好,如图。

第三种,用的会比较多,一般会用到一个叫ViewStub的东西盖在内容层的上层,其实也哭用线性布局,总之控制得当就行。

布局根布局是一个相对布局,然后是一个ListView,ListView下面是一个list为空时显示的View,再下面就是一个加载的ViewStub.


代码如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

<ListView
        android:id="@+id/lv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>

<ImageView android:id="@+id/ivEmpt"
         android:src="@drawable/netstate_icon"
         android:layout_centerInParent="true"
         android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

<ViewStub
         android:id="@+id/vsLoadView"
         android:layout_centerInParent="true"
         android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout="@layout/loadding_view"
        />

</RelativeLayout>

java文件


代码如下:

package com.bvin.test.view;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewStub;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity {
    /** Called when the activity is first created. */

private ListView lv = null;
    private View vEmpt = null;
    private ArrayAdapter<String> adapter = null;
    private List<String> sta = new ArrayList<String>();
    private ViewStub vsLoadView = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.list_layout);
        lv = (ListView)findViewById(R.id.lv);
        adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,sta);
        lv.setAdapter(adapter);
        vEmpt=findViewById(R.id.ivEmpt);
        lv.setEmptyView(vEmpt);
        vsLoadView = (ViewStub)findViewById(R.id.vsLoadView);
    }

@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // TODO Auto-generated method stub
        menu.add(0, 0, 0, "添加");
        menu.add(1, 1, 1, "删除");
        menu.add(2, 2, 2, "清空");
        return super.onCreateOptionsMenu(menu);
    }

@Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // TODO Auto-generated method stub
        switch(item.getItemId()){

case 0:
            sta.add("萨芬i阿双方i");
            if(!vsLoadView.isShown())
            vsLoadView.inflate();
            break;
        case 1:
            if(sta.size()>0)
            sta.remove(sta.size()-1);
            vsLoadView.setVisibility(View.GONE);
            break;
        case 2:
            sta.clear();
            vsLoadView.setVisibility(View.VISIBLE);
            break;

}
        adapter.notifyDataSetChanged();
        return super.onOptionsItemSelected(item);
    }

}

前面那个加载的logo,后面的是内容为空的时候显示的Logo。

得出的结论是:

1.ViewStub的inflate()方法只能调用一次,调用了inflate()调用setVisibility(View.VISIBLE);设置为可见,但是调用了setVisibility(View.VISIBLE);就不能再调用inflate(),因为这个方法setVisibility是先把布局inflate出来,然后再设置可见。

2. listView.setEmptyView();这个方法也有点讲究,就是EmptyView与Listview在同一个容器里,负责无效。

(0)

相关推荐

  • Android实现简单的分批加载ListView

    每次滑动至底端,从数据库中获取10条数据,并加载于ListView中 数据库 package com.example.listviewbatchloading; import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteDatabase.CursorFactory; import android.database.sqlit

  • Android实现Listview异步加载网络图片并动态更新的方法

    本文实例讲述了Android实现Listview异步加载网络图片并动态更新的方法.分享给大家供大家参考,具体如下: 应用实例:解析后台返回的数据,把每条都显示在ListView中,包括活动图片.店名.活动详情.地址.电话和距离等. 在布局文件中ListView的定义: <ListView android:id="@id/maplistview" android:background="@drawable/bg" android:layout_width=&qu

  • Android实现ListView分页自动加载数据的方法

    Android应用开发中,采用ListView组件来展示数据是很常用的功能,当一个应用要展现很多的数据时,一般情况下都不会把所有的数据一次就展示出来,而是通过分页的形式来展示数据,个人觉得这样会有更好的用户体验.因此,很多应用都是采用分批次加载的形式来获取用户所需的数据.例如:微博客户端可能会在用户滑动至列表底端时自动加载下一页数据,也可能在底部放置一个"查看更多"按钮,用户点击后,加载下一页数据. 下面通过一个Demo来展示ListView功能如何实现:该Demo通过在ListVie

  • Android实现ListView异步加载图片的方法

    本文实例讲述了Android实现ListView异步加载图片的方法.分享给大家供大家参考.具体如下: ListView异步加载图片是非常实用的方法,凡是是要通过网络获取图片资源一般使用这种方法比较好,用户体验好,不用让用户等待下去,下面就说实现方法,先贴上主方法的代码: package cn.wangmeng.test; import java.io.IOException; import java.io.InputStream; import java.lang.ref.SoftReferen

  • Android实现ListView异步加载的方法(改进版)

    本文实例讲述了Android实现ListView异步加载的方法.分享给大家供大家参考,具体如下: @Override public View getView(int position, View convertView, ViewGroup parent) { ---- ViewHolder VH = null; ---- VH.mImageView.setTag(position); VH.mThumb.setImageDrawable(imageLoader.loadDrawable(pos

  • Android实现上拉加载更多以及下拉刷新功能(ListView)

    首先为大家介绍Andorid5.0原生下拉刷新简单实现. 先上效果图: 相对于上一个19.1.0版本中的横条效果好看了很多.使用起来也很简单. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" and

  • Android ListView实现上拉加载更多和下拉刷新功能

    本文实例为大家介绍了Android ListView下拉刷新功能的实现方法和功能,供大家参考,具体内容如下 1.ListView优化方式 界面缓存:ViewHolder+convertView 分页加载:上拉刷新 图片缓存 快速滑动ListView禁止刷新 2.效果 3.上拉加载更多原理及实现 当我们手指滑动到listview最后位置的时候,我们触发加载数据的方法.这触发之前我们需要做一些工作,包括: 如何判断滑动到最后? 如何避免重复加载数据? 加载之后如何刷新界面? 1).界面实现AbsLi

  • Android程序开发ListView+Json+异步网络图片加载+滚动翻页的例子(图片能缓存,图片不错乱)

    例子中用于解析Json的Gson请自己Google下载 主Activity: package COM.Example.Main; import java.util.HashMap; import java.util.Iterator; import java.util.LinkedList; import java.util.List; import java.util.Map; import COM.Example.Main.R; import COM.Example.Main.stringG

  • Android ListView异步加载图片方法详解

    本文实例讲述了Android ListView异步加载图片方法.分享给大家供大家参考,具体如下: 先说说这篇文章的优点把,开启线程异步加载图片,然后刷新UI显示图片,而且通过弱引用缓存网络加载的图片,节省了再次连接网络的开销. 这样做无疑是非常可取的方法,但是加载图片时仍然会感觉到轻微的卡屏现象,特别是listview里的item在进行快速滑动的时候. 我找了一下原因,可能是在listview快速滑动屏幕的时候划过的item太多 而且每次调用getView方法后就会异步的在过去某个时间内用han

  • Android中ListView异步加载图片错位、重复、闪烁问题分析及解决方案

    Android ListView异步加载图片错位.重复.闪烁分析以及解决方案,具体问题分析以及解决方案请看下文. 我们在使用ListView异步加载图片的时候,在快速滑动或者网络不好的情况下,会出现图片错位.重复.闪烁等问题,其实这些问题总结起来就是一个问题,我们需要对这些问题进行ListView的优化. 比如ListView上有100个Item,一屏只显示10个Item,我们知道getView()中convertView是用来复用View对象的,因为一个Item的对应一个View对象,而Ima

随机推荐