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);
}