关于ListView的一些不得不说的事-原创手记-慕课网

1.1. 读取数据库的数据并显示到ListView上
在这里依然使用本文档7.2章节中的工程。在此工程上添加布局文件（2个，一个是Activity对应的布局文件，另外一个是用于显示用户的一条记录，指定ListView数据项的展示样式）。
ListView展示样式效果如下：
。图片描述
布局文件的名字必须全部都是小写字母！
1、创建ListView展示样式布局文件，文件名为listview_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   android:orientation="horizontal">
   <ImageView
       android:layout_height="60dp"
       android:layout_width="60dp"
       android:src="@drawable/ic_launcher"
       />
   <LinearLayout
       android:layout_height="match_parent"
       android:layout_width="0dp"
       android:layout_weight="1"
       android:orientation="vertical">
<TextView
           android:layout_height="wrap_content"
   android:layout_width="match_parent"
   android:text="用户名"
   android:id="@+id/tv_username"/>
       <TextView
   android:layout_height="wrap_content"
   android:layout_width="match_parent"
   android:text="年龄"
   android:id="@+id/tv_age" />
       <TextView
   android:layout_height="wrap_content"
   android:layout_width="match_parent"
   android:text="电话"
   android:id="@+id/tv_phone" />
   </LinearLayout>   
</LinearLayout>

2、创建业务类操作数据库，在该工程中新创建PersonDao
//省略文件头部信息

public class PersonDao {
   private PersonOpenHelper helper;
   public PersonDao(Context context){
      helper = new PersonOpenHelper(context, "person", null, 2);
   }
   public List<Person> queryAll(){
      List<Person> persons = new ArrayList<Person>();
      SQLiteDatabase database = helper.getReadableDatabase();
      Cursor cursor = database.rawQuery("select name,age,phone from person",null);
      while(cursor.moveToNext()){
          Person p = new Person();
          String name = cursor.getString(0);
          int age = cursor.getInt(1);
          String phone = cursor.getString(2);
          p.setName(name);
          p.setAge(age);
          p.setPhone(phone);
          persons.add(p);
      }
      cursor.close();
      database.close();
      return persons;
   }
}

3、修改main_activity.xml布局文件

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
   android:orientation="vertical"
    >
    <TextView
        android:gravity="center_horizontal"
android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:text="将数据显示在ListView中"
        />
   <ListView
       android:id="@+id/lv"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       ></ListView>
</LinearLayout>

使用并修改该工程默认的Activity类，MainActivity。该类的主要业务功能有：
l 调用Dao获取数据库的全部数据
l 获取ListView控件的实例
l 自定义适配器，继承BaseAdapter，重写getCount以及getView方法
int getCount()：用于获取要展示的数据的总条数，即ListView的总长度。

```view getView(int position,View convertView,ViewGroup parent)

参数：
第一个：position:当前要显示的项在ListView的索引。
第二个：convertView：就是被拖出去的View对象,getView的返回值，可以利用这个对象使得拖出去即将销毁的条目重用，即缓存对象。ListView中创建对象的个数=屏幕显示的条目数+1，当滑动屏幕时，被隐藏的项会作为缓存对象，作为getView的参数传递进来。
只需修改此缓存对象的内容，直接使用即可，而不需要再重新new一个新的对象出来，节省了内存，防止内存溢出。
具体代码如下所示：

```View view =convertView==null?View.inflate(MainActivity.this, R.layout.item, null):convertView;

上述代码，View view= View.inflate(MainActivity.this, R.layout.item, null);这行代码是根据layout布局创建视图view对象。
通过view.findViewById();可以获取item布局中的组件。第三个参数，根节点，将layout构建成的view对象，将此对象放到谁的下边，指定他的父节点。

public class MainActivity extends Activity {
private ListView lv;
private List<Person> persons;
private PersonDao dao;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv = (ListView) findViewById(R.id.lv);
dao = new PersonDao(this);
persons = dao.queryAll();
lv.setAdapter(new MyAdapter());

}
private class MyAdapter extends BaseAdapter{

  @Override
  public int getCount() {
      return persons.size();
  }

  @Override
  public Object getItem(int position) {
      return null;
  }

@Override
public long getItemId(int position) {
return 0;
}

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
      View view;
      if (convertView!=null) {
         view = convertView;
      }else {
         view = View.inflate(MainActivity.this, R.layout.listview_item, null);
      }

TextView tv_username = (TextView) view.findViewById(R.id.tv_username);
TextView tv_age = (TextView) view.findViewById(R.id.tv_age);
TextView tv_phone = (TextView) view.findViewById(R.id.tv_phone);
Person person = persons.get(position);
tv_age.setText("年龄："+person.getAge()+"");
tv_phone.setText("电话："+person.getPhone());
tv_username.setText("姓名："+person.getName());
return view;
}

}
}

4、运行程序后效果图如下。
图片描述

1.1. ListView常见方法
Ø ListView的OnItemClickListener条目点击监听器
实现此接口，重写的方法：条目点击事件
public void onItemClick(AdapterView<?> parent, View view, int position, long id)。
parent：就是listview对象：可以通过parent.getItemAtPosition(position);获取ListVIew适配器BaseAdapter的public Object getItem(int position)的返回值
Ø ListView定位item
listview.setselection(item索引);//这样可以定义到某个索引的item的位置。
Ø ListView的item条目数：listView.getCount();

1.1. 列表视图(ListView)优化
Ø 复用旧的convertView
ListView，在上下拖动的时候，会不断的加载View和销毁View，我们可以复用conertView这个旧的view对象来提高listView的效率。

if (convertView != null) {// 复用旧的view对象
   view = convertView;
}

这个view对象为ListView的适配器，getView返回的对象。
Ø 减少view.findViewById()，查找控件的操作
view.findViewById();是遍历树状结构的layout的节点来查找的。如果布局文件比较复杂，findviewById就比较耗时。在这里我们可以利用花名册的办法来减少查找操作。具体步骤如下所示:
1、先定义记事本、花名册：static class 类要查找的控件字段，
2、静态类，的字节码只会加载一次，性能提高一点
3、view.setTag(object)//把孩子id的记事本放在view他爹的兜里
4、view.getTag();在复用view代码中，可以拿出记事本，不用再查找
具体代码如下所示：

private class BlackNumberAdapter extends BaseAdapter {
@Override
public int getCount() {
return list.size();
}

  @Override
  public Object getItem(int position) {
      return list.get(position);
  }
  @Override
  public long getItemId(int position) {
      return position;
  }
  @Override
  public View getView(final int position, View convertView, ViewGroup parent) {
      final BlackNumberInfo info = list.get(position);
      View view = null;
      if (convertView != null) {

// 复用旧的view对象
view = convertView;
blackNumberRemeber = (BlackNumberRemeber) view.getTag();
// 使用花名册，复用view对象中的孩子，不用每次都FindVIewById
} else {
//实例化花名册
blackNumberRemeber = new BlackNumberRemeber();
view = View.inflate(CommunicationActivity.this,
R.layout.activity_comm_listitem, null);
//实例化花名册中的三个对象
blackNumberRemeber.tv_number = (TextView) view
.findViewById(R.id.tv_comm_item_number);
blackNumberRemeber.tv_mode = (TextView) view
.findViewById(R.id.tv_comm_item_mode);
blackNumberRemeber.iv_comm_item_delete=(ImageView) view.findViewById(R.id.iv_comm_item_delete);
view.setTag(blackNumberRemeber);
}
//给花名册的三个对象赋值
blackNumberRemeber.tv_number.setText(info.getPhone());
blackNumberRemeber.tv_mode.setText(info.getMode());
return view;
}
}
//定义记事本、花名册
static class BlackNumberRemeber {
//这三个对象都是要查找的对象
TextView tv_number;
TextView tv_mode;
ImageView iv_comm_item_delete;
}

1.1. 列表视图(ListView) 分批加载、分页加载
Ø 分批加载

分批加载：解决用户体验问题，不能解决内存溢出（listView展示条目过多会出现内存溢出），先加载几十条，用户拖动到底部，显示加载对话框，再去加载。
listView.setOnScrollListener();设置滚动监听器，这个接口中常用的两个抽象方法如下所示：
l onScroll()//滚动的方法
l onScrollStateChange();//当滚动状态发送变化时调用的方法，参数：scrollState是用来表示滚动状态的，它有如下所示的几个状态值：
u scroll_state_fling://手指已经离开拼命，处于惯性滚动状态
u _idle:空闲，没有滚动
u _touch_scroll:触摸滚动的状态
在空闲状态中写：因为拖到最底部，就停止了
listView.getLastVisiblePosition();得到listView的最后一个可见条目的位置
如果位置（从0开始）等于集合-1，说明界面拖到最后一个元素，加载新数据。
加载第二次数据时，只需要调用adapter. notifyDataSetChanged即可。

加载到最后，数据全部加载完成，在拖动，不显示正在加载对话框，提示用户已经没有数据
先获取记录总条数。dao：getCount。在滚动状态发送变化的监听器里加判断。如果开始位置，大于总位置，就不加载数据，并提示。分批加载并不能解决，存溢出问题，只是改善用户体验
Ø 分页加载

  在界面中添加输入页面的文本框，和跳转按钮：

Ø 分批加载、分页加载代码

1.1. 常见的适配器Adapter
ListView中使用的适配器有： BaseAdapter、ArrayAdapter、SimpleAdapter。在8.1章节中我们演示了BaseAdapter的用法。下面我们将通过两个案例分别介绍ArrayAdapter和SimpleAdapter。
1.1.1. ArrayAdapter

ArrayAdapter不仅可以用于显示简单的文本，也可以显示样式和内容丰富的对象。在这里只演示其最简单的使用方法。为了方便演示，新创建一个Android工程，工程名字就叫Adapter，使用该工程默认的布局文件和Activity类。
布局清单如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >
   <TextView
       android:layout_height="wrap_content"
       android:layout_width="wrap_content"
       android:layout_gravity="center"
       android:text="演示ArrayAdapter的使用"/>
    <ListView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/lv"
        ></ListView>
</LinearLayout>

MainActivity代码清单如下：

package com.itheima.adapter;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends Activity {
private ListView lv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv = (ListView) findViewById(R.id.lv);
//创建一个数组
String[] cities = new String[]{"北京","上海","广州","深圳","杭州","珠海","武汉","郑州"};
/**

创建一个ArrayAdapter对象
第一个参数是Context
第二个参数是ArrayAdapter的自身布局文件，这里使用Android系统默认提供的
第三个参数是数组对象
*/
ArrayAdapter<String> myAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, cities);
lv.setAdapter(myAdapter);
}
}

运行该工程，效果图如下：

图片描述
1.1.2. SimpleAdapter

SimpleAdapter可以实现比ArrayAdapter复杂一点的布局。使用SimpleAdapter的数据是以List<Map<String, ?>>形式封装数据，List的每一节对应ListView的每一行。HashMap的每个键值数据映射到布局文件中对应id的组件上。
因为系统没有对应的布局文件可用，我们可以自己定义一个布局文件。在本文档中我们用TextView和ImageView组合来进行布局以演示SimpleAdapter的用法。布局效果如下图：
图片描述
该布局，采用LinearLayout水平布局。为了直奔主题，我们直接修改本文档2.4中的MainActivity类即可，使用默认的main_activity.xml布局文件，另外需要创建上图的布局文件，该布局文件清单如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context=".MainActivity" >
   <ImageView
       android:layout_height="60dp"
       android:layout_width="60dp"
       android:id="@+id/iv_icon"
       />
    <LinearLayout
        android:orientation="horizontal"
        android:layout_height="match_parent"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:id="@+id/ll"
        android:gravity="center"
        >
        <TextView
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
             android:id="@+id/tv_text"
            />
    </LinearLayout>
</LinearLayout>

MainActivity类代码清单：

public class MainActivity extends Activity {
       private ListView lv;
       @Override
       protected void onCreate(Bundle savedInstanceState) {
              super.onCreate(savedInstanceState);
              setContentView(R.layout.activity_main);
              lv = (ListView) findViewById(R.id.lv);
              List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
              Map<String, Object> map = new HashMap<String, Object>();
              map.put("icon", R.drawable.ic_launcher);
              map.put("text", "北京");
              list.add(map);
              map = new HashMap<String, Object>();
              map.put("icon", R.drawable.ic_launcher);
              map.put("text", "上海");
              list.add(map);
              map = new HashMap<String, Object>();
              map.put("icon", R.drawable.ic_launcher);
              map.put("text", "广州");
              list.add(map);
              map = new HashMap<String, Object>();
              map.put("icon", R.drawable.ic_launcher);
              map.put("text", "深圳");
              list.add(map);
              map = new HashMap<String, Object>();
              map.put("icon", R.drawable.ic_launcher);
              map.put("text", "杭州");
              list.add(map);
              /**
               * 创建一个SimpleAdapter对象
               * 第一个参数 Context 上下文
               * 第二个参数 data 要显示的数据集合
               * 第三个参数 id 指定一个作为ListView的子条目的布局文件
               * 第四个参数 String[] 定义得Map中key组成的数组
               * 第五个参数 int[] 控件的id组成的数组，必须与第四个参数的key一一对应
               */
SimpleAdapter myAdapter = new SimpleAdapter(this, list, R.layout.listview_item, new String[] { "icon", "text" }, new int[] { R.id.iv_icon, R.id.tv_text });
              lv.setAdapter(myAdapter);
       }
}

运行该工程效果如下图：

图片描述

关于ListView的一些不得不说的事原创