项目用到ListView,由于要用到 ImageView ,图片源不是在资源里面的,没法使用资源 ID,因此无法直接使用SimpleAdapter,要自己写一个Adapter。 在使用ListView和Adapter需要注意以下几点:
1. Adapter.getView()
public View getView(int position, View convertView , ViewGroup parent){...}
这个方法就是用来获得指定位置要显示的View。官网解释如下:
Get a View that displays the data at the specified position in the data set. You can either create a View manually or inflate it from an XML layout file.
当要显示一个View就调用一次这个方法。这个方法是ListView性能好坏的关键。方法中有个convertView,这个是Android在为我们而做的缓存机制。
ListView中每个item都是通过getView返回并显示的,假如item有很多个,那么重复创建这么多对象来显示显然是不合理。因此,Android提供了Recycler,将没有正在显示的item放进RecycleBin,然后在显示新视图时从RecycleBin中复用这个View。
Recycler的工作原理大致如下:
假设屏幕最多能看到11个item,那么当第1个item滚出屏幕,这个item的View进入RecycleBin中,第12个要出现前,通过getView从回收站(RecycleBin)中重用这个View,然后设置数据,而不必重新创建一个View。
我们用Android提供的APIDemos来验证这个过程:
先看关键代码:
Java代码
public View getView(int position, View convertView, ViewGroup parent) {
// A ViewHolder keeps references to children views to avoid unneccessary calls
// to findViewById() on each row.
ViewHolder holder;
// When convertView is not null, we can reuse it directly, there is no need
// to reinflate it. We only inflate a new View when the convertView supplied
// by ListView is null.
if (convertView == null) {
convertView = mInflater.inflate(R.layout.list_item_icon_text, null);
Log.v("tag", "positon " + position + " convertView is null, " + "new: " + convertView);
// Creates a ViewHolder and store references to the two children views
// we want to bind data to.
holder = new ViewHolder();
holder.text = (TextView) convertView.findViewById(R.id.text);
holder.icon = (ImageView) convertView.findViewById(R.id.icon);
convertView.setTag(holder);
} else {
// Get the ViewHolder back to get fast access to the TextView
// and the ImageView.
holder = (ViewHolder) convertView.getTag();
Log.v("tag", "positon " + position + " convertView is not null, " + convertView);
}
// Bind the data efficiently with the holder.
holder.text.setText(DATA[position]);
holder.icon.setImageBitmap((position & 1) == 1 ? mIcon1 : mIcon2);
return convertView;
}
static class ViewHolder {
TextView text;
ImageView icon;
}
public View getView(int position, View convertView, ViewGroup parent) { // A ViewHolder keeps references to children views to avoid unneccessary calls // to findViewById() on each row. ViewHolder holder; // When convertView is not null, we can reuse it directly, there is no need // to reinflate it. We only inflate a new View when the convertView supplied // by ListView is null. if (convertView == null) { convertView = mInflater.inflate(R.layout.list_item_icon_text, null); Log.v("tag", "positon " + position + " convertView is null, " + "new: " + convertView); // Creates a ViewHolder and store references to the two children views // we want to bind data to. holder = new ViewHolder(); holder.text = (TextView) convertView.findViewById(R.id.text); holder.icon = (ImageView) convertView.findViewById(R.id.icon); convertView.setTag(holder); } else { // Get the ViewHolder back to get fast access to the TextView // and the ImageView. holder = (ViewHolder) convertView.getTag(); Log.v("tag", "positon " + position + " convertView is not null, " + convertView); } // Bind the data efficiently with the holder. holder.text.setText(DATA[position]); holder.icon.setImageBitmap((position & 1) == 1 ? mIcon1 : mIcon2); return convertView; } static class ViewHolder { TextView text; ImageView icon; }
效果图:
可以看到,一打开Activity,看到10个item.
我们看看Log信息:
可以看出,每次convertView都是null, 都是新建一个View来显示的。
当我们向下滑动,如下图,
由于item0和item10都显示一半,所以item10也是新建出来,但是当要显示item11的时候,由于item0已经不在屏幕上,所以item11复用了item0的实例。可以从以下Log信息看出:
我们分析Log信息,可以看出item11的对象是item0, item12的对象是item1,如此类推。
这样,通过复用convertView,就可以避免每次都新建View,节省内存而且优化ListView的滑动效果。
2. ListView的Layout XML
除了上述说的,还有一个要点就是ListView在Layout XML中的描述。
先看问题:
有时,我们可能会看到一打开ListView,getView会重复调用好次(假设屏幕最多可以看到6个item ),如下图:
一直重复 0-6, 0-5,0-5, 0-5,0-5, 0-5。而且,convertView一开始都是同一个View,这个是因为ListView的
android:layout_height=" wrap_content"。
我们修改为android:layout_height="fill_parent" , Log信息如下:
可以看出,修改之后ListView的getView调用恢复和Recycler的行为一致。
至于为什么使用wrap_content会出现重复调用的情况,我还没有研究过。不过初步觉得是因为在Android描绘ListView的时候,由于不清楚高度,所以使用一个item去试探ListView在屏幕中的最大高度所引起。希望有知道的朋友能够告诉,先谢谢了!
最后,如果上面有什么地方说错的话,希望能够指出,互相进步嘛。
补充:
在接着使用ListView的时候,又发现一个很奇怪的现象。调用notifyDataSetChanged()之后,ListView在重新getView()时,所有的convertView的顺序都逆序了。请看下面截图:
这应该是由于recycleBin是stack结构而引起。
其它:
1. Disable divider:
android:divider="#00000000" android:dividerHeight="0dp" 2. Disable ListView selector: convertView.setOnClickListener(null);如果只是要去掉颜色,可以用android:listSelector="#00000000"
3. Disable header divider: android:headerDividersEnabled="false"
4. getItemViewType(int)与getItemViewType(int)
getItemViewType(int) can not return int value larger than getViewTypeCount().
Otherwise you will get java.lang.ArrayIndexOutOfBoundsException at android.widget.AbsListView$RecycleBin.addScrapView(AbsListView.java:3523)
ListView会根据不同的ViewType返回相应type的convertView.
一般写法:
getView() {
switch (getItemViewType(position)) {
case type1:
if(convertView == null) {
} else {
}
break;
case type2:
default:
if(convertView == null) {
} else {
}
break;
}
return convertView;
}
getItemViewType(int position) {
// 根据场景,一般有:
// 1. 不同的item type对应的position是固定的,那么ListView的data可以分别存放
// 2. 不同的item type对应的position是不固定的,那么可以把ListView的data统一放在List<Object>中,
// 然后使用instanceof来判断Object的类型进而区分position对应的view type.
}
解决Android自定义多选ListView乱序问题
2013年08月04日 综合 共 6428字 字号 小 中 大 评论关闭
正常情况下,自定义带CheckedBox的ListView的时候,如果Items的数目超过一个屏幕,你会发现被checked的Item在屏幕滚动之后会出现乱序现象。
出现这种乱序现象的原因可以参考如下博文
如上述,Android为我们提供了一个ListView的缓冲机制,在屏幕滚动时,会重新利用被遮挡(即上一个屏幕的Items)的View进行更新显示。这也难怪我们的选择状态的显示会不尽人意。
既然知道了其原因,解决办法也就应运而生了。
【办法一】如网上所说,禁用android提供的缓冲机制,即在getView开头人为使得convertView变为null,从而强制为每一个item创建一个新的view用于显示。
但是当listview要显示的量比较大时,这个方法就显得有点臃肿不堪。
Bill今早根据网上各位仁兄的方法,琢磨了个比较简单的解决办法(之所以简单,是因为这个方法只针对具有CheckedBox的ListView,而对于要保存ImageView之类的ListView,除网上的讲解外,bill自己还没有想出更好的办法),不知道是否对大家有所帮助。
【办法二】既然我们因为数据量太大的原因确实有必要使用android自带的缓冲机制,那么禁用它看来是不现实了。现在问题的思考点就转到“在这种缓冲机制存在的情况下,如何能够正确地显示checked的状态?”,或者更加明白一点“在缓冲机制存在的情况下,CheckedBox的状态会发生改变,如何保存这些状态并在之后正确还原?”
Bill的思路如下:android要更新回收站中的item就让它更新吧,我用另外的空间记录每个CheckedBox之前的选中状态,等到要显示对应CheckedBox的时候再根据之前记录的状态手动设置CheckedBox的状态即可。
一下是本解决方案的Demo:
/** * 自定义CheckedListViewAdapter * 关键部分有所注释 */ package com.billhoo.study; import java.util.ArrayList; import java.util.List; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.BaseAdapter; import android.widget.CheckBox; import android.widget.TextView; // 自定义适配器,用于实现将CheckBox作为ListView的item public class CheckedListViewAdapterextends BaseAdapter { // 状态数组,用于跟踪ListView中每一个CheckedBox的选中状态 private ArrayList mCheckedStates = null; private LayoutInflater mInflater = null; private List mItemList = null; public CheckedListViewAdapter(LayoutInflater inflater, List list) { mCheckedStates = new ArrayList (); this.mInflater = inflater; this.mItemList = list; // 初始化所有checked box选中状态为false for (int i = 0; i < mItemList.size(); ++i) mCheckedStates.add(false); } public ArrayList getCheckedState() { return mCheckedStates; } @Override public int getCount() { return mItemList.size(); } @Override public Object getItem(int position) { return mItemList.get(position); } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ItemViewHolder holder = null; if (convertView == null) { holder = new ItemViewHolder(); convertView = mInflater.inflate(R.layout.checked_listview_item, null); final View view = convertView; holder.checkBox = (CheckBox) view.findViewById(R.id.checked_box); holder.textView = (TextView) view.findViewById(R.id.text_view); convertView.setTag(holder); } else { holder = (ItemViewHolder) convertView.getTag(); } // 每次getView的时候都手动设置位于当前屏幕中的checkedBox的选定状态。 holder.checkBox.setChecked(mCheckedStates.get(position)); holder.textView.setText(mItemList.get(position).toString()); final int pos = position; // 当checked box被点击,即选定状态发生改变时,更新状态List holder.checkBox.setOnClickListener(new CheckBox.OnClickListener() { @Override public void onClick(View v) { CheckBox cb = (CheckBox) v; mCheckedStates.set(pos, cb.isChecked()); } }); return convertView; } protected class ItemViewHolder { public CheckBox checkBox = null; public TextView textView = null; } }
/** * main activity */ package com.billhoo.study; import java.util.ArrayList; import java.util.List; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.ListView; import android.widget.Toast; public class CheckedListViewAdapterActivity extends Activity { private Button btShowCheckState = null; private ListView lvDemo = null; CheckedListViewAdapteradapter = null; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); btShowCheckState = (Button) findViewById(R.id.bt_show_checked); lvDemo = (ListView) findViewById(R.id.lv_demo); } @Override public void onStart() { super.onStart(); btShowCheckState.setOnClickListener(new Button.OnClickListener() { @Override public void onClick(View v) { String checkedItems = new String(); ArrayList states = adapter.getCheckedState(); for (int i = 0; i < states.size(); ++i) { if (states.get(i)) checkedItems += i + " "; } Toast.makeText(getApplicationContext(), checkedItems, Toast.LENGTH_SHORT).show(); } }); } @Override public void onResume() { super.onResume(); List dataList = new ArrayList (); for (int i = 0; i < 20; ++i) { dataList.add(new TestData(i, "这是第" + i + "项数据")); } adapter = new CheckedListViewAdapter (getLayoutInflater(), dataList); lvDemo.setAdapter(adapter); } class TestData { public TestData(Integer dataId, String msg) { this.dataId = dataId; this.msg = msg; } @Override public String toString() { return dataId + " " + msg; } private Integer dataId = null; private String msg = null; } }
以下是测试效果:
【未进行手动处理之前】
点选0、4两项
之后向下滚屏,发现并未勾选的9、14项却被勾选了
再滚回第一页,发现0、4项已经被取消,却勾上了第6项
【使用方法2之后】
照样勾选0、4项
之后向下滚屏,并未出现上述乱序情况
屏幕回滚并点击统计按钮,得到正确结果