阅读徐宜生《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);
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值