阅读徐宜生《Android群英传》的笔记——第4章 ListView 使用技巧——到4.1.7

4.1 ListView 常用优化技巧

ListView 的基本用法相信大多数的读者都已经能够非常熟练的使用了，下面我们就着重来学习一下使用 ListView 的技巧。

4.1.1 使用 ViewHolder 模式提高效率

ViewHolder 模式是提高 ListView 效率的一个很重要的方法。ViewHolder 模式充分利用了 ListView 的视图缓存机制，避免了每次在调用 getView() 的时候都去通过 findViewById() 实例化控件。据测试，使用 ViewHolder 将提高 50% 以上的效率。使用 ViewHolder 模式来优化 ListView 非常简单，只需要在自定义 Adapter 中定义一个内部类 ViewHolder，并将布局中的控件作为成员变量，代码如下所示：

public final class ViewHolder {
public ImageView imgIcon;
public TextView txtTitle;
}

接下来，只要在 getView() 方法中通过视图缓存机制来重用以缓存即可，完整的使用 ViewHolder 创建 ListView Adapter 的实例代码如下所示：

package com.example.test;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import java.util.List;

/**
* Created by HourGlassRemember on 2016/9/18.
*/
public class ViewHolderAdapter extends BaseAdapter {

private List<String> mData;
private LayoutInflater mInflater;

public ViewHolderAdapter(Context context, List<String> mData) {
this.mData = mData;
mInflater = LayoutInflater.from(context);
}

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

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

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

@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
//判断是否缓存

if (convertView == null) {
holder = new ViewHolder();
//通过 LayoutInflater 实例化布局

convertView = mInflater.inflate(R.layout.viewholder_item, null);
holder.imgIcon = (ImageView) convertView.findViewById(R.id.img_icon);
holder.txtTitle = (TextView) convertView.findViewById(R.id.txt_title);
convertView.setTag(holder);
} else {
//通过 tag 找到缓存的布局

holder = (ViewHolder) convertView.getTag();
}
//设置布局中控件要显示的视图

holder.imgIcon.setBackgroundResource(R.mipmap.ic_launcher);
holder.txtTitle.setText(mData.get(position));
return convertView;
}

public final class ViewHolder {
public ImageView imgIcon;
public TextView txtTitle;
}

}

item 的布局文件 viewholder_view 是：

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

<ImageView
android:id="@+id/img_icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@mipmap/ic_launcher" />

<TextView
android:id="@+id/txt_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginLeft="10dp" />

</LinearLayout>

MainActivity 的布局文件 activity_main 是：

<?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/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent" />

</RelativeLayout>

MainActivity 的代码是：

package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

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

public class MainActivity extends Activity {

private ListView listView;
private List<String> mData = new ArrayList<>();

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (ListView) findViewById(R.id.list_view);
for (int i = 0; i < 30; i++) {
mData.add(i + "");
}
listView.setAdapter(new ViewHolderAdapter(this, mData));
}

}

效果很简单如下图所示，这就是一个简单的 ListView。



4.1.2 设置项目间分割线

ListView 的各个项目之间，可以通过设置分割线来进行区分，系统提供了 divider 和 dividerHeight 这样两个属性来帮助我们实现这一功能。通过这两个属性，也可以控制 ListView 之间的分割线和它的高度。当然分割线不仅仅可以设置为一个颜色，同样也可以设置为一个图片资源，分割线的使用代码如下所示：

android:divider="#ccc"
android:dividerHeight="10dp"

以上代码所执行的效果是：



特殊情况下，当设置分割线为如下代码时，就可以把分割线设置为透明了。

android:divider="@null"

效果如下所示：



4.1.3 隐藏 ListView 的滚动条

默认的 ListView 在滚动时，在右边会显示滚动条，指示当前滑动的位置，我们可以设置 scrollbars 属性，控件 ListView 的滚动条状态。特别地，当设置 scrollbars 属性为 none 的时候，ListView 滚动或者不滚动，就都不会出现滚动条了，代码如下所示：

android:scrollbars="none"

4.1.4 取消 ListView 的 Item 点击效果

当点击 ListView 中的一项时，系统默认会出现一个点击效果，在 Android 5.X 上是一个波纹效果，而在 Android 5.X 之下的版本则是一个改变背景颜色的效果，但是可以通过修改 listSelector 属性来取消掉点击后的回馈效果，代码如下所示：

android:listSelector="#00000000"

当然，也可以直接使用 Android 自带的透明色来实现这个效果，代码如下所示：

android:listSelector="@android:color/transparent"

4.1.5 设置 ListView 需要显示在第几页

ListView 以 Item 为单位进行显示，默认显示在第一个 Item，当需要指定具体显示的 Item 时，可以通过以下代码来实现：

listView.setSelection(N);

其中 N 就是需要显示的第 N 个 Item。

当然，这个方法类似 scrollTo，是瞬间完成的移动。除此之外，还可以使用如下代码来实现平滑移动：

listView.smoothScrollBy(distance,duration);
listView.smoothScrollByOffset(offset);
listView.smoothScrollToPosition(index);

4.1.6 动态修改 ListView

ListView 中的数据在某些情况下是需要改变的，当然可以通过重新设置 ListView 的 Adapter来更新 ListView 的显示，但这也就需要重新获取一下数据，相当于重新创建 ListView，这也显然不是非常友好，而且效率也不会太高。因此，可以使用一个更简单的方法来实现 ListView 的动态修改，代码如下所示：

mData.add("new");
adapter.notifyDataSetChanged();

当修改了传递给 Adapter 的映射 List 之后，只需要通过调用 Adapter 的 notifyDataSetChanged() 方法，通知 ListView 更改数据源即可完成对 ListView的动态修改。不过使用这个方法有一点需要注意的是，在使用 adapter.notifyDataSetChanged() 方法时，必须保证传进 Adapter 的数据 List 是同一个 List 而不能是其他对象，否则将无法实现该效果。下面这个实例就演示了如何动态地修改 ListView。代码如下所示：

package com.example.test;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ListView;
import android.widget.Toast;

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

public class MainActivity extends Activity {

private ListView listView;
private List<String> mData = new ArrayList<>();
private ViewHolderAdapter adapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (ListView) findViewById(R.id.list_view);
for (int i = 0; i < 30; i++) {
mData.add(i + "");
}
adapter = new ViewHolderAdapter(this, mData);
listView.setAdapter(adapter);
btnAdd(listView.getChildAt(0));
}

public void btnAdd(View view) {
mData.add("new");
adapter.notifyDataSetChanged();
listView.setSelection(mData.size() - 1);
}

}

运行效果如下所示：



4.1.7 遍历 ListView 中的所有 Item

ListView 作为一个 ViewGroup，为我们提供了操纵子 View 的各种方法，最常用的就是通过 getChildAt(i) 来获取第 i 个子 View，代码如下所示：

for (int i = 0; i < listView.getChildCount(); i++) {
View view = listView.getChildAt(i);
}