Android学习笔记二十四之ListView列表视图二

Android学习笔记二十四之ListView列表视图二

　　前面一篇我们介绍了常用的几种适配器的简单实现和ListView的简单使用，这一篇中，我们介绍一下ListView的优化和一些其它的问题。

ListView优化方法一

　　在ListView中，我们最常用的就是自定义Adapter，在我们自定义Adapter中，需要实现两个比较重要的方法getCount（）和getView（），前者是负责计算ListView的总Item数，后者是生成Item，有多少个Item就会调用getView（）方法多少次。getView（）方法每次调用的时候都会重新inflate一个View出来返回去，但是对于ListView，只需要保留能够显示的最大的View的数目即可，而新的View可以复用消失的View。ListView给我们提供了可复用的View对象，在getView（）方法里面，有一个参数View，这个就是可以复用的View对象。当参数View为null的时候，我们需要inflate一个View，当它不为null的时候，我们可以直接将他返回。例如：

 @Override
public View getView(int i, View view, ViewGroup viewGroup) {
    ViewHolder viewHolder;
    //view为空的时候，inflate一个新的view
    if (view == null) {
        view = LayoutInflater.from(context).inflate(R.layout.item_base_adapter, null);
        viewHolder = new ViewHolder();
        viewHolder.tv_base_adapter = (TextView) view.findViewById(R.id.tv_base_adapter);
        view.setTag(viewHolder);
    } else {
        viewHolder = (ViewHolder) view.getTag();
    }
    viewHolder.tv_base_adapter.setText(datas[i]);
    //不为空，复用view
    return view;
}

ListView优化方法二

　　上面介绍的是对View复用的优化，这样我们可以不必每一item都inflate一个新的view，可以通过复用，减小内存开销。下面我们介绍一个每一个AndroidAPP中都必不可少的操作，获取控件句柄，简单的说就是拿到id。在ListView中，我们inflate一个View，里面也有需要获取到组件id的，我们可以用ViewHolder来实现优化：

　　具体的思路就是，我们在ViewHolder中存放我们需要的控件，在View为null的时候，需要inflate一个新的view，同时我们还new一个ViewHolder类的对象，并将findviewById的结果赋值给ViewHolder中对应的成员变量，我们可以调用View中setTag（）方法，将ViewHolder和View绑定起来。当view不为null的时候，通过getTag（）方法取出ViewHolder对象，这样就可以获得ViewHolder中的成员变量，也不再需要调用findViewById方法了。例如：

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    ViewHolder viewHolder;
    if (view == null) {
        view = LayoutInflater.from(context).inflate(R.layout.item_base_adapter, null);
        //view为空，new一个ViewHolder对象
        viewHolder = new ViewHolder();
        //获取到ViewHolder对象中成员变量的id
        viewHolder.tv_base_adapter = (TextView) view.findViewById(R.id.tv_base_adapter);
        //调用setTag方法，将ViewHolder绑定到中
        view.setTag(viewHolder);
    } else {
        //view不为空，调用getTag方法，取出保存的ViewHolder对象
        viewHolder = (ViewHolder) view.getTag();
    }
    viewHolder.tv_base_adapter.setText(datas[i]);
    return view;
}

static class ViewHolder {
    TextView tv_base_adapter;
}

ListView优化方法三

　　上面介绍了两种ListView的优化方法，第二种优化效率根据google官方文档的解析，可以优化5%左右的效率。下面介绍一下第三种优化方法。

　　在我们实际开发中，ListView显示的数据都是在网络中加载，假如网络比较好，能一次将所有的数据加载出来，这样用户体验还好，如果网络不好，那么加载数据需要时间比较久，用户体验就不好。另外，我们知道，虚拟机为每一个进程分配的内存是有限的，如果一下加载太多的数据就会出现内存溢出的情况。为了解决这两个问题，我们可以用分批加载的方法，但是分批加载还是不能完全解决问题。假如我有10万条数据需要加载，分批加载任然可能会出现OOM问题，这时，我们需要将数据分页加载，先分页加载，然后在分批加载，这样用户体验会好一些。

ListView出现的一些问题和解决

ListView焦点问题

　　在一些情况中，我们需要在ListView的Item中添加Button、EditText、CheckBox等控件，这就涉及到了焦点获取的问题。我们在ListView的Item中添加了Button按钮，点击发现，我们不能触发onItemClick和onItemLongClick方法，这就是ListView的焦点被拦截了。解决办法也很简单：

　　给拦截ListView焦点的控件设置Android:focusable=”false”属性或者代码调用setFocusable(false) 防范即可。还有一种方法就是在Item布局的根节点设置android:descendantFocusability=”blocksDescendants” 属性，这个属性有三个可选值

• beforeDescendants：viewgroup会优先其子类控件而获取到焦点
• afterDescendants：viewgroup只有当其子类控件不需要获取焦点时才获取焦点
• blocksDescendants：viewgroup会覆盖子类控件而直接获得焦点

这是ListView焦点问题的解决方法。

ListView数据更新问题

首先实现一个简单的ListView

布局代码：

<?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="match_parent"
android:orientation="vertical">

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    android:orientation="horizontal">

    <Button
        android:id="@+id/btn_add_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="插入一条数据" />

    <Button
        android:id="@+id/btn_add_on_position"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="在特定位置插入一条数据" />

</LinearLayout>

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="10dp"
    android:layout_marginLeft="10dp"
    android:orientation="horizontal">

    <Button
        android:id="@+id/btn_delete_one"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="根据对象删除" />

    <Button
        android:id="@+id/btn_delete_on_position"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="根据位置删除" />

    <Button
        android:id="@+id/btn_delete_all"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="删除所有数据" />

</LinearLayout>

<ListView
    android:id="@+id/lv_data"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />



</LinearLayout>

Item布局代码：

<?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="wrap_content"
android:layout_margin="10dp"
android:gravity="center_vertical"
android:orientation="horizontal">

<ImageView
    android:id="@+id/iv_icon"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:src="@drawable/icon" />

<TextView
    android:id="@+id/tv_data_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_marginLeft="5dp"
    android:layout_toRightOf="@id/iv_icon"
    android:text="加载出来的数据"
    android:textSize="18sp" />

</RelativeLayout>

这里的Item比较简单，就直接是一张图片和一个文字

Activity代码：

package com.example.listviewdemo.activity;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ListView;

import com.example.listviewdemo.MYData;
import com.example.listviewdemo.R;
import com.example.listviewdemo.adapter.DataAdapter;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by Devin on 2016/7/11.
 */
public class DataUpActivity extends AppCompatActivity {
private Button btn_add_one;
private Button btn_add_on_position;
private Button btn_delete_one;
private Button btn_delete_on_position;
private Button btn_delete_all;
private ListView lv_data;
private DataAdapter adapter;
private List<MYData> datas;
private int flag = 1;

@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_data);
    btn_add_one = (Button) findViewById(R.id.btn_add_one);
    btn_add_on_position = (Button) findViewById(R.id.btn_add_on_position);
    btn_delete_one = (Button) findViewById(R.id.btn_delete_one);
    btn_delete_on_position = (Button) findViewById(R.id.btn_delete_on_position);
    btn_delete_all = (Button) findViewById(R.id.btn_delete_all);
    lv_data = (ListView) findViewById(R.id.lv_data);
    datas = new ArrayList<>();
    adapter = new DataAdapter(this, datas);
    lv_data.setAdapter(adapter);
  }

}

自定义适配器代码：

package com.example.listviewdemo.adapter;

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 com.example.listviewdemo.MYData;
import com.example.listviewdemo.R;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by Devin on 2016/7/11.
 */
public class DataAdapter extends BaseAdapter {
private List<MYData> datas;
private Context mContext;

public DataAdapter(Context mContext, List<MYData> datas) {
    this.mContext = mContext;
    this.datas = datas;
}

@Override
public int getCount() {
    return datas.size();
}

@Override
public Object getItem(int i) {
    return i;
}

@Override
public long getItemId(int i) {
    return i;
}

@Override
public View getView(int i, View view, ViewGroup viewGroup) {
    ViewHolder viewHolder;
    if (view == null) {
        view = LayoutInflater.from(mContext).inflate(R.layout.item_data, null);
        viewHolder = new ViewHolder();
        viewHolder.tv_data_text = (TextView) view.findViewById(R.id.tv_data_text);
        viewHolder.iv_icon = (ImageView) view.findViewById(R.id.iv_icon);
        view.setTag(viewHolder);
    } else {
        viewHolder = (ViewHolder) view.getTag();
    }
    viewHolder.iv_icon.setImageResource(datas.get(i).getIconId());
    viewHolder.tv_data_text.setText(datas.get(i).getContent());
    return view;
}
private static class ViewHolder {
    TextView tv_data_text;
    ImageView iv_icon;
}
}

还有就是一个普通的bean

package com.example.listviewdemo;

/**
 * Created by Devin on 2016/7/11.
 */
public class MYData {
private int iconId;
private String content;

public MYData() {
}

public MYData(int iconId, String content) {
    this.iconId = iconId;
    this.content = content;
}

public int getIconId() {
    return iconId;
}

public void setIconId(int iconId) {
    this.iconId = iconId;
}

public String getContent() {
    return content;
}

public void setContent(String content) {
    this.content = content;
}

@Override
public String toString() {
    return "Data{" +
            "iconId=" + iconId +
            ", content='" + content + '\'' +
            '}';
}
}

这样，我们运行的效果是：

没有显示有Item，因为我们在适配器中添加的是一个空的list，接下来我们实现按钮的事件和具体更新ListView

插入一条数据

在适配器中添加这个方法：

/**
 * 添加数据
 *
 * @param myData
 */
public void addData(MYData myData) {
    if (datas == null) {
        datas = new ArrayList<>();
    }
    datas.add(myData);
    notifyDataSetChanged();
}

在activity中实现点击事件：

btn_add_one.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            MYData data = new MYData(R.drawable.icon, "这是添加的数据~~~~~~X" + flag);
            adapter.addData(data);
            flag++;
        }
    });

就可以实现在ListView中添加一条数据，具体的效果图会在后面统一附上

在指定位置插入一条数据

在适配器中添加如下方法：

/**
 * 在指定位置添加数据
 *
 * @param position
 * @param myData
 */
public void addData(int position, MYData myData) {
    if (datas == null) {
        datas = new ArrayList<>();
    }
    datas.add(position, myData);
    notifyDataSetChanged();
}

实现按钮的点击事件：

btn_add_on_position.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            MYData data = new MYData(R.drawable.icon, "这是添加的数据~~~~~~X" + flag);
            adapter.addData(3, data);
        }
    });

就可以完成在指定位置添加一条数据，这里只是简单的实现，如果list中没有那么多数据，会出现数组下标越界的错误

根据对象删除数据

在适配器中添加如下方法：

/**
 * 根据对象删除数据
 *
 * @param myData
 */
public void removeData(MYData myData) {
    if (datas != null) {
        datas.remove(myData);
    }
    notifyDataSetChanged();
}

实现按钮的点击事件:

btn_delete_one.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            MYData data = datas.get(2);
            adapter.removeData(data);
        }
    });

这里只是简单的删除下标为3的数据，如果listview的长度小于3，会出现数组下标越界的错误

根据位置删除数据

在适配器中添加如下方法：

/**
 * 根据位置删除数据
 *
 * @param position
 */
public void removeData(int position) {
    if (datas != null && position <= datas.size()) {
        datas.remove(position);
    }
    notifyDataSetChanged();
}

实现按钮的点击事件:

btn_delete_on_position.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            adapter.removeData(3);
        }
    });

删除指定位置的数据，需要判定是否存在不然会出现错误

删除所有的数据

在适配器中添加如下方法：

/**
 * 清除所有的数据
 */
public void removeAll() {
    if (datas != null) {
        datas.clear();
    }
    notifyDataSetChanged();
}

实现按钮的点击事件:

btn_delete_all.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            adapter.removeAll();
        }
    });

最后附上效果图：

这里实现ListView的数据更新问题，但是任然存在一些小问题，比如，没有数据的时候显示一片空白，用户体验不是很好。可以重写，根据服务器返回的数据更新界面。这里就不做实现了。下一节我们介绍一下ListView多布局的实现，类似QQ等的聊天界面。