虽然在Android5.X中,RecyclerView在很多地方组件取代了ListView,但是ListView的使用依然是分广泛。
本博文将对以下两方面的内容进行介绍 1. ListView常用技巧 2. ListView常用拓展
具体代码请移步GitHub
ListView常用优化技巧
1. 使用ViewHolder模式提高效率
1. 使用ViewHolder模式提高效率 ViewHolder模式充分利用了ListView的视图缓存机制,避免了每次在getView()时重复的调用findViewById(). 使用ViewHoder的步骤: 1. 在自定义的Adapter中定义一个内部类ViewHolder,并将Item布局中的控件作为成员变量 2. 接下来只要在getView()方法中通过视图缓存机制来重用以缓存即可。
代码语言:javascript复制public class MainMenuListAdapter extends BaseAdapter {
private List mDataList;
private Context mContext;
private LayoutInflater mInflate;
public MainMenuListAdapter(Context context, List dataList) {
this.mContext = context;
this.mDataList = (List) dataList;
this.mInflate = LayoutInflater.from(context);
}
//数据源中的数据对象个数
@Override
public int getCount() {
return mDataList.size();
}
//指定位置处的数据源对象
@Override
public Object getItem(int position) {
return mDataList.get(position);
}
//数据源对象的Id,如果有的话
//如果数据源对象自己没有定义Id,则可以简单地返回其在数据源中的位置
@Override
public long getItemId(int position) {
return position;
}
//每当Android ListView需要显示一行时,它会调用此方法
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
//判断是否缓存
if (convertView == null) {
holder = new ViewHolder();
// 通过LayoutInflater实例化布局
convertView = mInflate.inflate(R.layout.activity_main_menu_list_item, null);
//获取用于显示内容的控件的引用
holder.idivpic = (ImageView) convertView.findViewById(R.id.id_iv_pic);
holder.idtvcontent = (TextView) convertView.findViewById(R.id.id_tv_content);
convertView.setTag(holder);
} else {
//通过tag找到缓存的布局
holder = (ViewHolder) convertView.getTag();
}
//依据位置提取相应的数据源对象
MainMenuListItemBean bean = mDataList.get(position);
//设置显示内容
holder.idivpic.setImageResource(R.drawable.flag_mark_blue);
holder.idtvcontent.setText(bean.getContent());
return convertView;
}
/**
* 创建一个内部类ViewHolder保存控件。只加载View的时候使用findViewById()方法。
* 使用View的setTag()方法保存ViewHolder。当convertView不为空的时候,直接取出来即可
*/
public class ViewHolder {
public TextView idtvcontent;
public ImageView idivpic;
}
}
2. 设置项目间分割符
2.设置项目间分隔线
ListView各个项目之间,可以通过设置分隔线来进行区分,系统提供了divider和dividerHeight这两个属性来帮我们实现这一功能。 通过这两个属性可以控制他们之间的分隔线和分隔线的高度。 当然,分隔线不仅仅可以设置为一个颜色,也可以设置为图片资源,分隔线的使用代码如下:
代码语言:javascript复制 android:divider="@android:color/holo_green_light"
android:dividerHeight="3dp"
或者动态设置,必须先setDivider ,然后在setDiveiderHeight,否则不生效
代码语言:javascript复制 listView.setDivider(new ColorDrawable(Color.GREEN));
listView.setDividerHeight(3);
原因: 源码如下
代码语言:javascript复制public void setDivider(Drawable divider) {
if (divider != null) {
mDividerHeight = divider.getIntrinsicHeight();
} else {
mDividerHeight = 0;
}
mDivider = divider;
mDividerIsOpaque = divider == null || divider.getOpacity() == PixelFormat.OPAQUE;
requestLayout();
invalidate();
}
注意:
代码语言:javascript复制if (divider != null) {
mDividerHeight = divider.getIntrinsicHeight();
代码语言:javascript复制public int getIntrinsicHeight() {
return -1;
}
如果想要将分隔线设置为透明:
listView.setDivider(null); 或者 android:divider=”@null”
代码语言:javascript复制 case 1:// 设置项目间分隔线
LogUtils.d(position);
// 设置分隔线 ,必须先setDivider,然后setivederHeight
listView.setDivider(new ColorDrawable(Color.GREEN));
listView.setDividerHeight(3);
// 取消分隔线
// listView.setDivider(null);
showInfo();
break;
3. 隐藏ListView的滚动条
3.隐藏ListView的滚动条 默认的ListView在滚动时,在右边会显示滚动条,指定当前滚定的位置。我们可以通过scrollbars属性来控制ListView的滚动状态。特别的,当scrollbars设置为none时,ListView无论滚动还是不滚动,就都不会出现滚动条了。
代码语言:javascript复制 case 2:// 隐藏ListView的滚动条
LogUtils.d(position);
// false-一直都显示 true-不活动时隐藏,活动时显示
//listView.setScrollbarFadingEnabled(true);
//false 不活动的时候隐藏,活动的时候也隐藏 true-不活动时隐藏,活动时显示
listView.setVerticalScrollBarEnabled(false);
// 或者在xml中 android:scrollbars="none" ----> 不活动的时候隐藏,活动的时候也隐藏
showInfo();
break;
4. 取消ListView的Item点击效果
4. 取消ListView的Item点击效果 当点击ListView的某一项Item时,系统默认会出现一个点击效果,在Android5.X上是一个波纹的效果,而在5.X以下是一个改变背景颜色的效果,但是我们可以通过修改listSelector属性来取消点击后的回馈效果。
代码语言:javascript复制android:listSelector="#00000000"
当然也可以是用Android系统自带的透明色来实现这个效果
代码语言:javascript复制 android:listSelector="@android:color/transparent"
或者在代码中
代码语言:javascript复制 listView.setSelector(new ColorDrawable(Color.TRANSPARENT));
5. 设置ListView需要显示在第几行
ListView以Item为单位进行显示,默认显示第一个Item,当需要指定具体的Item时,可以通过如下代码来实现
代码语言:javascript复制ListView.setSelection(N);
其中N就是要显示的第N个Item。
当然,这个方法类似于scrollTo,是瞬间完成的移动。
如果想实现平滑移动:
代码语言:javascript复制listView.smoothScrollBy(distance,duration);
listView.smoothScrollBy(offset);
listView.smoothScrollToPostion(index);
6. 动态修改ListView-notifyDataSetChanged
notifyDataSetChanged
代码语言:javascript复制mData.add("new");
notifyDataSetChanged();
当修改了传递给Adapter的映射List之后,只需要通过调用Adapter的notifyDataSetChanged方法,通知ListView更改数据源即可完成对ListView的动态修改。
注意:在使用mAdapter.notifyDataSetChanged方法时,必须保证传进Adapter的数据List是同一个List而不能是其他对象,否则将无法实现改效果。
NotifyTest.java
代码语言:javascript复制import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ListView;
import java.util.ArrayList;
import java.util.List;
public class NotifyTest extends Activity {
private List mData;
private ListView mListView;
private NotifyAdapter mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.notify);
mData = new ArrayList();
for (int i = 0; i < 20; i ) {
mData.add("" i);
}
mListView = (ListView) findViewById(R.id.listView);
mAdapter = new NotifyAdapter(this, mData);
mListView.setAdapter(mAdapter);
for (int i = 0; i < mListView.getChildCount(); i ) {
View view = mListView.getChildAt(i);
}
}
public void btnAdd(View view) {
mData.add("new");
mAdapter.notifyDataSetChanged();
mListView.setSelection(mData.size() - 1);
}
}
notify.xml
代码语言:javascript复制<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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity">
<ListView
android:id="@ id/listView"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_weight="9"
android:fastScrollEnabled="true" />
<Button
android:id="@ id/button"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_alignEnd="@ id/listView"
android:layout_alignParentBottom="true"
android:layout_alignParentStart="true"
android:layout_weight="1"
android:onClick="btnAdd"
android:text="Add" />
LinearLayout>
NotifyAdapter.java
代码语言:javascript复制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;
public class NotifyAdapter extends BaseAdapter {
private List mData;
private LayoutInflater mInflater;
public NotifyAdapter(Context context, List data) {
this.mData = data;
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.notify_item, null);
holder.img = (ImageView) convertView.findViewById(R.id.imageView);
holder.title = (TextView) convertView.findViewById(R.id.textView);
convertView.setTag(holder);
} else {
// 通过tag找到缓存的布局
holder = (ViewHolder) convertView.getTag();
}
// 设置布局中控件要显示的视图
holder.img.setBackgroundResource(R.drawable.ic_launcher);
holder.title.setText(mData.get(position));
return convertView;
}
public final class ViewHolder {
public ImageView img;
public TextView title;
}
}
notify_item.xml
代码语言:javascript复制<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal">
<ImageView
android:id="@ id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" />
<TextView
android:id="@ id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Large Text"
android:textAppearance="?android:attr/textAppearanceLarge" />
LinearLayout>
7. 遍历ListView中所有的Item
ListView作为一个ViewGroup,为我们提供了操作子View的各种方法,最常见的就是通过getChildAt()来获取第i个子View,代码如下:
代码语言:javascript复制 for (int i = 0; i < mListView.getChildCount(); i ) {
View view = mListView.getChildAt(i);
}