ListView的使用技巧

最新推荐文章于 2019-01-21 20:11:41 发布

转载最新推荐文章于 2019-01-21 20:11:41 发布 · 650 阅读

本文介绍了Android中ListView的重要优化技巧，包括复用convertView、使用ViewHolder模式、刷新ListView数据、添加Header和Footer等内容。并通过两个示例展示了如何实际应用这些技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一原理分析

ListView是Android中非常重要的控件之一，Android对ListView做了特殊的设计与优化，尤其是在显示大量数据时，使用ListView的小技巧，可以得到更好的用户体验，下面就来介绍这些常用的技巧。

1)复用convertView

ListView在需要显示Item的时候，会首先检查回收站里是否有缓存的item，如果发现有缓存的item，ListView会直接复用它，把它作为参数传递给Adapter的getView方法，参数名为convertView。
所以如果convertView不为空，表明回收站中存在可以复用的Item，就不需要在创建新的Item了。
这种View复用的方式适用于单一Item视图和多种Item视图的情况，在之前的例子中已经提到过，可以参考以前的讲解。
View复用的示例代码如下：

 
public View getView(int position, View convertView, ViewGroup parent) {
 
            if (convertView == null) {
 
                convertView = getLayoutInflater().inflate(R.layout.text_item, parent,false);
 
            }
 
            return convertView;
 
        }

2)使用ViewHolder

在Android中，在操作一个控件的时，首先需要通过findViewById从控件树中找到它，然后才能对它进行操作。而对于ListView中的Item布局文件的解析式重复性的，因此每次都执行findViewById方法非常耗时。
常用的做法是定义一个ViewHolder类来缓存查找后的控件引用，这样只需要在初始化的时候查找一次，以后对控件的操作都可以直接从ViewHolder中获取。

 
@Override
 
public View getView(int position, View convertView, ViewGroup parent) {
 
// TODO Auto-generated method stub
 
 
 
ViewHolder vh = null;
 
 
 
if(convertView == null) {
 
 
 
vh = new ViewHolder();
 
 
 
if(getItemViewType(position) == FIRST_LETTER_ITEM) {
 
convertView = getLayoutInflater().inflate(R.layout.first_letter_item, parent, false);
 
//convertView = mInflater.inflate(R.layout.first_letter_item, null);
 
vh.tv = (TextView) convertView.findViewById(R.id.firstletter);
 
 
 
} else {
 
convertView = getLayoutInflater().inflate(R.layout.word_item, parent, false);
 
//convertView = mInflater.inflate(R.layout.word_item, null);
 
vh.tv = (TextView) convertView.findViewById(R.id.word);
 
}
 
convertView.setTag(vh);
 
} else {
 
vh = (ViewHolder) convertView.getTag();
 
}
 
vh.tv.setText(letter[position]);
 
return convertView;
 
}
 
class ViewHolder{
 
TextView tv;
 
}

其中，通过setTag和getTag的方式来存储和获取ViewHolder。省去了每次执行findViewById的时间。

3)刷新ListView的数据

Adapter处于ListView和数据的中间，当有数据变化时需要Adapter通知ListView刷新显示的内容。Adapter 提供了notifyDataSetChanged()和notifyDataSetInvalidated()两个方法通知ListView刷新。当有数据更新时调用notifyDataSetChanged方法，当数据完全无效时调用notifyDataSetInvalidated方法。

4)Header和Footer

ListView除了显示Item以为，还可以显示Header和Footer。ListView提供了addHeaderView和addFooterView方法添加Header和Footer。需要注意的是：必须在给ListView设置Adapter之前，调用这两个方法添加header或者footer，否则会抛出异常。

5)使用selector美化listView

通过设置ListView的listSelector属性，可以为listView的Item设置选中，点击等显示效果。在Android中可以使用listView的setSelector方法或者在xml文件中设置android:listSelector属性来设置ListView的selector属性。还可以设置ListView的android:drawSelectorOnTop属性，把selector绘制在item背景之后。

6)在ListView的Item之间显示分割线

通过ListView的android:divider属性或者setDivider方法可以修改Item之间的分割线。也可以给android:divider属性设置图片、颜色，或者设置为@drawable/@null（表示无分割线）。在使用android:divider属性时，同时还可以使用dividerHeight属性设置分割线占据的高度。

7)使用transcriptMode和stackFromBottom属性

ListView有两个比较特殊的属性android:transcriptMode和android: stackFromBottom。使用transcriptMode属性可以在有数据变化的时候让listView自动滚动到底部。transcriptMode可设置为一下三个不同的值：
disabled：禁用transcriptMode属性；
normal：如果最后一个item可见，滚动到底部；
alwaysScroll：总是自动滚动到底部；

使用stackFromBottom属性可以设置item从底部向上开始排列。通常在聊天、短信类型的应用中使用stackFromBottom和transcriptMode属性可以得到很好的显示效果。

效果如下图所示：

QQ截图20120514191351.png

图1 短信应用中ListView的显示效果

8） ListView的其他属性

以下几个属性和方法在ListView的使用中也比较重要，列举如下：
android:fastScrollEnabled；
android:smoothScrollbar；
android:cacheColorHint；
android:fadingEdge="vertical|horizontal|none"；
setTextFilterEnabled（）方法；

在此不做过多介绍，读者可以自行查资料，并进行验证。

二示例分析

下面通过两个demo，将以上所讲到的ListView的特性分别进行演示和验证。

1） Demo1
JAVA1代码如下：

 
package com.devdiv.test.listviewtest7;
 
 
 
import android.app.Activity;
 
import android.os.Bundle;
 
import android.view.View;
 
import android.widget.ArrayAdapter;
 
import android.widget.Button;
 
import android.widget.ListView;
 
 
 
public class ListViewTest7Activity extends Activity {
 
 
 
ListView mListView;
 
ArrayAdapter<String> mAdapter;
 
 
 
public static final String CHEESES[] = {
 
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam", "Abondance", "Ackawi","Acorn", "Adelost", "Affidelice au Chablis",
 
"Afuega'l Pitu", "Airag", "Airedale", "Aisy Cendre", "Allgauer Emmentaler", "Alverca","Ambert", "American Cheese",
 
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam", "Abondance", "Ackawi","Acorn", "Adelost", "Affidelice au Chablis",
 
"Afuega'l Pitu", "Airag", "Airedale", "Aisy Cendre", "Allgauer Emmentaler", "Alverca","Ambert", "American Cheese",
 
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam", "Abondance", "Ackawi","Acorn", "Adelost", "Affidelice au Chablis",
 
"Afuega'l Pitu", "Airag", "Airedale", "Aisy Cendre", "Allgauer Emmentaler", "Alverca","Ambert", "American Cheese",
 
"Abbaye de Belloc", "Abbaye du Mont des Cats", "Abertam", "Abondance", "Ackawi","Acorn", "Adelost", "Affidelice au Chablis",
 
"Afuega'l Pitu", "Airag", "Airedale", "Aisy Cendre", "Allgauer Emmentaler", "Alverca","Ambert", "American Cheese",
 
};
 
 
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
 
 
//mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, CHEESES);
 
mAdapter = new ArrayAdapter<String>(this, R.layout.my_list_item, CHEESES);
 
 
 
mListView = (ListView) findViewById(R.id.list);
 
 
 
//mListView.setFastScrollEnabled(true);
 
 
 
Button mButton = new Button(this);
 
mButton.setText("this is the header");
 
mListView.addHeaderView(mButton);
 
 
 
Button mButton2 = new Button(this);
 
mButton2.setText("this is the footer");
 
mListView.addFooterView(mButton2);
 
 
 
mListView.setAdapter(mAdapter);
 
 
 
mListView.setTextFilterEnabled(true);
 
 
 
}
 
 
 
public void onDrawSelectorOnTop(View v) {
 
mListView.setSelector(R.drawable.selector_on_top);
 
mListView.setDrawSelectorOnTop(true);
 
 
 
}
 
 
 
public void onUseSelectorAsBackground(View V) {
 
mListView.setSelector(R.drawable.selector_as_background);
 
mListView.setDrawSelectorOnTop(false);
 
 
 
}
 
}

所引用的布局文件main.xml的内容如下：

 
<?xml version="1.0" encoding="utf-8"?>
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:layout_width="fill_parent"
 
android:layout_height="fill_parent"
 
android:orientation="vertical" >
 
 
 
<ListView
 
android:id="@+id/list"
 
android:layout_width="fill_parent"
 
android:layout_height="0dp"
 
android:layout_weight="1"
 
 
 
android:fastScrollEnabled="true"
 
 
 
android:fadingEdge="horizontal"
 
android:fadingEdgeLength="10dp"
 
 
 
android:divider="#efefef"
 
android:dividerHeight="2dp"
 
 
 
/>
 
 
 
<LinearLayout
 
style="@android:style/ButtonBar"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content"
 
android:orientation="horizontal">
 
 
 
<Button
 
android:layout_width="0dp"
 
android:layout_height="fill_parent"
 
android:layout_weight="1"
 
android:layout_gravity="center_vertical"
 
android:text="@string/draw_selector_on_top"
 
android:onClick="onDrawSelectorOnTop"
 
/>
 
 
 
<Button
 
android:layout_width="0dp"
 
android:layout_height="fill_parent"
 
android:layout_weight="1"
 
android:layout_gravity="center_vertical"
 
android:text="@string/use_selector_as_background"
 
android:onClick="onUseSelectorAsBackground" />
 
 
 
</LinearLayout>
 
 
 
</LinearLayout>

下面，对JAVA代码和布局文件进行分析。

JAVA代码中，为ListView设置header和footer的代码部分如下：

 
Button mButton = new Button(this);
 
mButton.setText("this is the header");
 
mListView.addHeaderView(mButton);
 
 
 
Button mButton2 = new Button(this);
 
mButton2.setText("this is the footer");
 
mListView.addFooterView(mButton2);

此段代码的功能为ListView添加两个按钮作为header和footer，并在按钮上显示提示性的文字。

之后对布局文件中的两个按钮添加onClick事件：

 
public void onDrawSelectorOnTop(View v) {
 
mListView.setSelector(R.drawable.selector_on_top);
 
mListView.setDrawSelectorOnTop(true);
 
 
 
}
 
 
 
public void onUseSelectorAsBackground(View V) {
 
mListView.setSelector(R.drawable.selector_as_background);
 
mListView.setDrawSelectorOnTop(false);
 
 
 
}

在布局文件中，分别将两个按钮的onClick属性设置为对应的函数名：

 
android:onClick="onDrawSelectorOnTop"
 
android:onClick="onUseSelectorAsBackground" />

在public void onDrawSelectorOnTop(View v) 中，将ListView的Selector设置为drawable文件夹下的selector_on_top.xml文件，selector_on_top.xml文件的内容如下：

 
<?xml version="1.0" encoding="utf-8"?>
 
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
 
<item
 
android:state_pressed="true"
 
android:drawable="@drawable/list_selector_on_top_pressed" />
 
 
 
<item
 
android:state_focused="true"
 
android:drawable="@drawable/list_selector_on_top_focused" />
 
 
 
<item
 
android:drawable="@android:color/transparent" />
 
 
 
</selector>

在public void onUseSelectorAsBackground(View V) 中，将ListView的Selector设置为drawable文件夹下的selector_as_background.xml文件，selector_as_background.xml文件的内容如下：

 
<?xml version="1.0" encoding="utf-8"?>
 
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
 
<item
 
android:state_pressed="true"
 
android:drawable="@drawable/list_selector_as_background_pressed" />
 
 
 
<item
 
android:state_focused="true"
 
android:drawable="@drawable/list_selector_as_background_focused" />
 
 
 
<item
 
android:drawable="@android:color/transparent" />
 
 
 
</selector>

为ListView添加divider的代码如下：

 
android:divider="#efefef"
 
android:dividerHeight="2dp"

2） Demo2

Demo2的作用主要是验证ListView的transcriptMode和stackFromBottom属性。实现的功能为用户从编辑框输入文字，点击回车按钮后，文字自动添加到ListView的底部，跟短信应用的效果非常相似。主要参考android提供API Demo中的list12。

JAVA代码如下：

 
package com.devdiv.test.listviewtest8;
 
 
 
import java.util.ArrayList;
 
 
 
import android.app.ListActivity;
 
import android.os.Bundle;
 
import android.view.KeyEvent;
 
import android.view.View;
 
import android.view.View.OnClickListener;
 
import android.view.View.OnKeyListener;
 
import android.widget.ArrayAdapter;
 
import android.widget.EditText;
 
import android.widget.ListView;
 
 
 
public class ListViewTest8Activity extends ListActivity {
 
 
 
private EditText mEditText;
 
 
 
private ArrayAdapter<String> mAdapter;
 
 
 
private ArrayList<String> mStrings = new ArrayList<String>();
 
 
 
private ListView mListView;
 
 
 
/** Called when the activity is first created. */
 
@Override
 
public void onCreate(Bundle savedInstanceState) {
 
super.onCreate(savedInstanceState);
 
setContentView(R.layout.main);
 
 
 
mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mStrings);
 
 
 
setListAdapter(mAdapter);
 
 
 
mEditText = (EditText) findViewById(R.id.userText);
 
 
 
mEditText.setOnClickListener(new OnClickListener() {
 
 
 
@Override
 
public void onClick(View v) {
 
// TODO Auto-generated method stub
 
submitText();
 
 
 
}
 
});
 
mEditText.setOnKeyListener(new OnKeyListener() {
 
 
 
@Override
 
public boolean onKey(View v, int keyCode, KeyEvent event) {
 
// TODO Auto-generated method stub
 
if (event.getAction() == KeyEvent.ACTION_DOWN) {
 
switch (keyCode) {
 
case KeyEvent.KEYCODE_DPAD_CENTER:
 
case KeyEvent.KEYCODE_ENTER:
 
submitText();
 
return true;
 
}
 
}
 
return false;
 
}
 
});
 
}
 
 
 
public void submitText() {
 
String mString = mEditText.getText().toString();
 
mStrings.add(mString);
 
mEditText.setText(null);
 
mAdapter.notifyDataSetChanged();
 
 
 
}
 
}

布局文件main.xml的内容如下：

 
<?xml version="1.0" encoding="utf-8"?>
 
 
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 
android:orientation="vertical"
 
android:layout_width="fill_parent"
 
android:layout_height="fill_parent"
 
android:paddingLeft="8dip"
 
android:paddingRight="8dip">
 
 
 
<ListView android:id="@android:id/list"
 
android:layout_width="fill_parent"
 
android:layout_height="0dip"
 
android:layout_weight="1"
 
android:stackFromBottom="true"
 
android:transcriptMode="normal"/>
 
 
 
<EditText android:id="@+id/userText"
 
android:layout_width="fill_parent"
 
android:layout_height="wrap_content" />
 
 
 
</LinearLayout>

其中，transcriptMode和stackFromBottom属性设置为：

 
android:stackFromBottom="true"
 
android:transcriptMode="normal"/>

在submitText（）方法中，提交和刷新数据，采用notifyDataSetChanged()的方式。代码如下：

 
public void submitText() {
 
String mString = mEditText.getText().toString();
 
mStrings.add(mString);
 
mEditText.setText(null);
 
mAdapter.notifyDataSetChanged();
 
 
 
}