基于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在同一个容器里,负责无效。

时间: 2024-10-26 00:18:15

基于Android ListView之加载使用技巧的相关文章

基于Android ListView之加载使用技巧_Android

程序员很多,遍地都是,高手也很多,但是懂设计的程序员并不多,我觉得我们不仅要成为一个coder还要成为一个designer. 我是一个比较注重ued的人,如果对一个app来说,程序是app的内涵那么设计就是要体现app的外在美观. 曾经看到一篇招聘用户体验设计师的信息问道   如果说,在我们身边,设计师具有表达思想的力量:工程师具有实现思想的力量.          那么请问用户体验设计师具有什么力量,有资格成为团队成员? 每个人有每个的思想每个人有每个人的见解,这就不多讲留给大家去思考. 我手

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

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

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

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

Android listview动态加载列表项实现代码_Android

最近了一个动态加载listview类表项的列子,分享出来大家学习学习,说说这个例子的实现过程,首先限定每次加载的列表项数据为10条数据,当拖动listview滚动到最后一条数据的时候再加载10条,并在Listview下方显示加载提示. 下面是我的java源码: private void showContent() { listView = (ListView) findViewById(R.id.journals_list_one); loadData(); adapter = new MyLi

解决Android ListView异步加载图片乱序问题

在Android所有系统自带的控件当中,ListView这个控件算是用法比较复杂的了,关键是用法复杂也就算了,它还经常会出现一些稀奇古怪的问题,让人非常头疼.比如说在ListView中加载图片,如果是同步加载图片倒还好,但是一旦使用异步加载图片那么问题就来了,这个问题我相信很多Android开发者都曾经遇到过,就是异步加载图片会出现错位乱序的情况.遇到这个问题时,不少人在网上搜索找到了相应的解决方案,但是真正深入理解这个问题出现的原因并对症解决的人恐怕还并不是很多.那么今天我们就来具体深入分析一

Android listview动态加载列表项实现代码

最近了一个动态加载listview类表项的列子,分享出来大家学习学习,说说这个例子的实现过程,首先限定每次加载的列表项数据为10条数据,当拖动listview滚动到最后一条数据的时候再加载10条,并在Listview下方显示加载提示. 下面是我的java源码: private void showContent() { listView = (ListView) findViewById(R.id.journals_list_one); loadData(); adapter = new MyLi

android listview 动态加载数据的问题

android UI进阶之实现listview的分页加载  手动加载 http://www.cnblogs.com/noTice520/archive/2012/02/10/2345057.html 滑动加载 http://www.cnblogs.com/leizhenzi/archive/2011/10/13/2210485.html http://www.cnblogs.com/tanlon/archive/2011/03/20/1989323.html android UI进阶之实现lis

Android ListView 异步加载图片

http://www.iteye.com/topic/1118828 http://www.iteye.com/topic/1127914 先说说这篇文章的优点把,开启线程异步加载图片,然后刷新UI显示图片,而且通过弱引用缓存网络加载的图片,节省了再次连接网络的开销. 这样做无疑是非常可取的方法,但是加载图片时仍然会感觉到轻微的卡屏现象,特别是listview里的item在进行快速滑动的时候. 我找了一下原因,可能是在listview快速滑动屏幕的时候划过的item太多 而且每次调用getVie

Android ListView只加载当前屏幕内的图片(解决list滑动时加载卡顿)

最近在做ListView分页显示,其中包括图片 和文字(先下载解析文字内容,再异步加载图片)发现每次点击下一页后,文字内容加载完毕,马上向下滑动,由于这时后台在用线程池异步下载图片,我每页有20条,也就是20张图片,会导致listview滑动卡顿! 这是用户不想看到的,我参考了网易新闻和电子市场等应用,发现它们都是只加载屏幕内的图片,不现实的不加载,于是我也仿照做了一个.我是菜鸟,我承认 呵呵,虽然不见得完全和他们的一样,但是确实解决了翻页时那一刻的卡顿现象. 因为未发现网上有相关文章,希望对朋