Android开发中ListView自定义adapter的封装_Android

【引入】 

我们一般编写listView的时候顺序是这样的：
 •需要展示的数据集List<T>
 •为这个数据集编写一个ListView
 •为这个ListView编写一个Adapter，一般继承自BaseAdapter
 •在BaseAdapter内部编写一个ViewHolder类，对应ListView里面的item控件，提高控件的查询效率 

分析：

List<T>:ListView --> Adapter extends BaseAdapter --> ViewHolder 

一般情况下，一个ListView对应一个Adapter类，对应一个ViewHolder类，那如果一个app中有20个ListView，我们岂不是要写20遍？所以的做法是：
 •抽取ViewHolder，作为公共的类。
 •将Adapter封装成CommonAdapter，作为公共的类。 

一、传统方式编写适配器： 

（1）activity_main.xml: 

<RelativeLayout 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">

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

</RelativeLayout>

(2)item_listview.xml:单个item的布局文件 

<RelativeLayout 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:padding="10dp">

 <TextView
 android:id="@+id/titleTv"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:singleLine="true"
 android:text="Android新技能"
 android:textColor="#444"
 android:textSize="16sp" />

 <TextView
 android:id="@+id/descTv"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_below="@+id/titleTv"
 android:layout_marginTop="10dp"
 android:maxLines="2"
 android:minLines="1"
 android:text="Android为ListView和GridView打造万能适配器"
 android:textColor="#898989"
 android:textSize="16sp" />

 <TextView
 android:id="@+id/timeTv"
 android:paddingTop="3dp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@+id/descTv"
 android:layout_marginTop="10dp"
 android:text="2015-05-04"
 android:textColor="#898989"
 android:textSize="12sp" />

 <TextView
 android:padding="2dp"
 android:id="@+id/phoneTv"
 android:gravity="center"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@+id/descTv"
 android:layout_marginTop="10dp"
 android:background="#2ED667"
 android:drawableLeft="@mipmap/phone"
 android:drawablePadding="5dp"
 android:text="10086"
 android:textColor="#ffffff"
 android:textSize="12sp"
 android:layout_alignParentRight="true" />

</RelativeLayout>

其对应的布局效果如下：

（3）Bean.java:ListView的数据集

package com.smyhvae.baseadapter.entities;

/**
 * Created by smyhvae on 2015/5/4.
 */
public class Bean {
 private String title;
 private String desc;
 private String time;
 private String phone;

 public Bean() {
 }

 public Bean(String title, String desc, String time, String phone) {
 this.title = title;

 this.desc = desc;
 this.time = time;
 this.phone = phone;
 }

 public String getTitle() {
 return title;
 }

 public void setTitle(String title) {
 this.title = title;
 }

 public String getDesc() {
 return desc;
 }

 public void setDesc(String desc) {
 this.desc = desc;
 }

 public String getTime() {
 return time;
 }

 public void setTime(String time) {
 this.time = time;
 }

 public String getPhone() {
 return phone;
 }

 public void setPhone(String phone) {
 this.phone = phone;
 }
}

（4）MyAdapter.java:自定义适配器，继承自BaseAdapter 

package com.smyhvae.baseadapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import com.smyhvae.baseadapter.entities.Bean;

import java.util.List;

/**
 * Created by smyhvae on 2015/5/4.
 */
public class MyAdapter extends BaseAdapter {
 private LayoutInflater mInflater;
 private List<Bean> mDatas;

 //MyAdapter需要一个Context，通过Context获得Layout.inflater，然后通过inflater加载item的布局
 public MyAdapter(Context context, List<Bean> datas) {

 mInflater = LayoutInflater.from(context);
 mDatas = datas;
 }

 //返回数据集的长度
 @Override
 public int getCount() {
 return mDatas.size();
 }

 @Override
 public Object getItem(int position) {
 return mDatas.get(position);
 }

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

 //这个方法才是重点，我们要为它编写一个ViewHolder
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
 ViewHolder holder = null;
 if (convertView == null) {
  convertView = mInflater.inflate(R.layout.item_listview, parent, false); //加载布局
  holder = new ViewHolder();

  holder.titleTv = (TextView) convertView.findViewById(R.id.titleTv);
  holder.descTv = (TextView) convertView.findViewById(R.id.descTv);
  holder.timeTv = (TextView) convertView.findViewById(R.id.timeTv);
  holder.phoneTv = (TextView) convertView.findViewById(R.id.phoneTv);

  convertView.setTag(holder);
 } else { //else里面说明，convertView已经被复用了，说明convertView中已经设置过tag了，即holder
  holder = (ViewHolder) convertView.getTag();
 }

 Bean bean = mDatas.get(position);
 holder.titleTv.setText(bean.getTitle());
 holder.descTv.setText(bean.getDesc());
 holder.timeTv.setText(bean.getTime());
 holder.phoneTv.setText(bean.getPhone());

 return convertView;
 }

 //这个ViewHolder只能服务于当前这个特定的adapter，因为ViewHolder里会指定item的控件，不同的ListView，item可能不同，所以ViewHolder写成一个私有的类
 private class ViewHolder {
 TextView titleTv;
 TextView descTv;
 TextView timeTv;
 TextView phoneTv;
 }

}

(5)MainActivity.java: 

package com.smyhvae.baseadapter;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ListView;

import com.smyhvae.baseadapter.entities.Bean;

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

public class MainActivity extends Activity {

 private ListView listView;
 private List<Bean> mDatas;
 private MyAdapter mAdapter;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 initView();
 initData();

 }

 //方法：初始化View
 private void initView() {
 listView = (ListView) findViewById(R.id.listView);
 }

 //方法；初始化Data
 private void initData() {
 mDatas = new ArrayList<Bean>();

 //将数据装到集合中去
 Bean bean = new Bean("Android新技能1", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 bean = new Bean("Android新技能2", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 bean = new Bean("Android新技能3", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 bean = new Bean("Android新技能4", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 //为数据绑定适配器
 mAdapter = new MyAdapter(this,mDatas);

 listView.setAdapter(mAdapter);
 }

}

运行效果如下：

 

【工程文件】 
2015-05-04-BaseAdapter的传统写法.rar

二、ListView中自定义adapter的封装（万能的写法来编写适配器）： 
完整版代码如下： 

(1)activity_main.xml: 

<RelativeLayout 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">

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

</RelativeLayout>

（2）item_listview.xml.xml:（ListView中单个item的布局） 

<RelativeLayout 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:padding="10dp">

 <TextView
 android:id="@+id/titleTv"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:singleLine="true"
 android:text="Android新技能"
 android:textColor="#444"
 android:textSize="16sp" />

 <TextView
 android:id="@+id/descTv"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_below="@+id/titleTv"
 android:layout_marginTop="10dp"
 android:maxLines="2"
 android:minLines="1"
 android:text="Android为ListView和GridView打造万能适配器"
 android:textColor="#898989"
 android:textSize="16sp" />

 <TextView
 android:id="@+id/timeTv"
 android:paddingTop="3dp"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@+id/descTv"
 android:layout_marginTop="10dp"
 android:text="2015-05-04"
 android:textColor="#898989"
 android:textSize="12sp" />

 <TextView
 android:padding="2dp"
 android:id="@+id/phoneTv"
 android:gravity="center"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_below="@+id/descTv"
 android:layout_marginTop="10dp"
 android:background="#2ED667"
 android:drawableLeft="@mipmap/phone"
 android:drawablePadding="5dp"
 android:text="10086"
 android:textColor="#ffffff"
 android:textSize="12sp"
 android:layout_alignParentRight="true" />

</RelativeLayout>

其对应的布局效果如下：

 

（3）Bean.java:数据集 

package com.smyhvae.baseadapter.entities;

/**
 * Created by smyhvae on 2015/5/4.
 */
public class Bean {
 private String title;
 private String desc;
 private String time;
 private String phone;

 public Bean() {
 }

 public Bean(String title, String desc, String time, String phone) {
 this.title = title;

 this.desc = desc;
 this.time = time;
 this.phone = phone;
 }

 public String getTitle() {
 return title;
 }

 public void setTitle(String title) {
 this.title = title;
 }

 public String getDesc() {
 return desc;
 }

 public void setDesc(String desc) {
 this.desc = desc;
 }

 public String getTime() {
 return time;
 }

 public void setTime(String time) {
 this.time = time;
 }

 public String getPhone() {
 return phone;
 }

 public void setPhone(String phone) {
 this.phone = phone;
 }
}

（4）【可复用的代码】ViewHolder.java: 

package com.smyhvae.baseadapter.utils;

import android.content.Context;
import android.util.SparseArray;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by smyhvae on 2015/5/4.
 */
public class ViewHolder {

 private SparseArray<View> mViews;
 private int mPosition;
 private View mConvertView;

 public ViewHolder(Context context, ViewGroup parent, int layoutId, int position) {
 this.mPosition = position;
 this.mViews = new SparseArray<View>();

 mConvertView = LayoutInflater.from(context).inflate(layoutId, parent, false);

 mConvertView.setTag(this);

 }

 public static ViewHolder get(Context context, View convertView, ViewGroup parent, int layoutId, int position) {
 if (convertView == null) {
  return new ViewHolder(context, parent, layoutId, position);
 } else {
  ViewHolder holder = (ViewHolder) convertView.getTag();
  holder.mPosition = position; //即使ViewHolder是复用的，但是position记得更新一下
  return holder;
 }
 }

 /*
 通过viewId获取控件
 */
 //使用的是泛型T,返回的是View的子类
 public <T extends View> T getView(int viewId) {
 View view = mViews.get(viewId);

 if (view == null) {
  view = mConvertView.findViewById(viewId);
  mViews.put(viewId, view);
 }

 return (T) view;
 }

 public View getConvertView() {
 return mConvertView;
 }

}

（5）【可复用的代码】ListViewAdapter.java:自定义的通用适配器，继承自BaseAdapter。以后如果是自定义ListView的adapter，继承它就行了 

package com.smyhvae.baseadapter.utils;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;

import java.util.List;

/**
 * Created by smyhvae on 2015/5/4.
 * 通用的ListView的BaseAdapter，所有的ListView的自定义adapter都可以继承这个类哦
 */
public abstract class ListViewAdapter<T> extends BaseAdapter {

 //为了让子类访问，于是将属性设置为protected
 protected Context mContext;
 protected List<T> mDatas;
 protected LayoutInflater mInflater;
 private int layoutId; //不同的ListView的item布局肯能不同，所以要把布局单独提取出来

 public ListViewAdapter(Context context, List<T> datas, int layoutId) {
 this.mContext = context;
 mInflater = LayoutInflater.from(context);
 this.mDatas = datas;
 this.layoutId = layoutId;
 }

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

 @Override
 public T getItem(int position) {
 return mDatas.get(position);
 }

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

 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
 //初始化ViewHolder,使用通用的ViewHolder，一行代码就搞定ViewHolder的初始化咯
 ViewHolder holder = ViewHolder.get(mContext, convertView, parent, layoutId, position);//layoutId就是单个item的布局

 convert(holder, getItem(position));
 return holder.getConvertView(); //这一行的代码要注意了
 }

 //将convert方法公布出去
 public abstract void convert(ViewHolder holder, T t);

}

（6）ListViewAdapterWithViewHolder.java:继承自ListViewAdapter 

package com.smyhvae.baseadapter;

import android.content.Context;
import android.widget.TextView;

import com.smyhvae.baseadapter.entities.Bean;
import com.smyhvae.baseadapter.utils.ListViewAdapter;
import com.smyhvae.baseadapter.utils.ViewHolder;

import java.util.List;

/**
 * Created by smyhvae on 2015/5/4.
 */
public class ListViewAdapterWithViewHolder extends ListViewAdapter<Bean> {

 //MyAdapter需要一个Context，通过Context获得Layout.inflater，然后通过inflater加载item的布局
 public ListViewAdapterWithViewHolder(Context context, List<Bean> datas) {
 super(context, datas, R.layout.item_listview);
 }

 @Override
 public void convert(ViewHolder holder, Bean bean) {

 ((TextView) holder.getView(R.id.titleTv)).setText(bean.getTitle());
 ((TextView) holder.getView(R.id.descTv)).setText(bean.getDesc());
 ((TextView) holder.getView(R.id.timeTv)).setText(bean.getTime());
 ((TextView) holder.getView(R.id.phoneTv)).setText(bean.getPhone());

/*
 TextView tv = holder.getView(R.id.titleTv);
 tv.setText(...);

 ImageView view = getView(viewId);
 Imageloader.getInstance().loadImag(view.url);
*/
 }
}

（7）MainActivity.java: 

package com.smyhvae.baseadapter;

import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;

import com.smyhvae.baseadapter.entities.Bean;

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

public class MainActivity extends Activity {

 private ListView listView;
 private List<Bean> mDatas;

 private ListViewAdapterWithViewHolder listViewAdapterWithViewHolder;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);

 initView();
 initData();
 }

 //方法：初始化View
 private void initView() {
 listView = (ListView) findViewById(R.id.listView);
 }

 //方法；初始化Data
 private void initData() {
 mDatas = new ArrayList<Bean>();

 //将数据装到集合中去
 Bean bean = new Bean("Android新技能1", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 bean = new Bean("Android新技能2", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 bean = new Bean("Android新技能3", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 bean = new Bean("Android新技能4", "Android为ListView和GridView打造万能适配器", "2015-05-04", "10086");
 mDatas.add(bean);

 //为数据绑定适配器
 listViewAdapterWithViewHolder = new ListViewAdapterWithViewHolder(this, mDatas);

 listView.setAdapter(listViewAdapterWithViewHolder);

 }
}

运行效果：

 

这样的话，以后每写个ListView，就这么做：直接导入ViewHolder.java和ListViewAdapter，然后写一个自定义adapter继承自ListViewAdapter就行了。 

【工程文件】2015-05-04-BaseAdapter的封装.rar

三、常见问题： 

1、item控件抢占焦点： 

假设item里有一个checkbox，那运行程序之后，发现只有checkBox能被点击，而item中的其他位置不能被点击(包括点击整个item也没有反应)，这是由于checkbox抢占了整个item的焦点。办法是:： 

办法1：为该checkBox设置属性：android:focusable = "false"
办法2：为该item设置属性：android:descendantFocusability = "blocksDescendants" 

不让这个item的焦点从上往下传。 

2、ListView复用导致内容错乱。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索android
， adapter
listview
listview adapter封装、android adapter封装、android自定义adapter、listview adapter、listview baseadapter，以便于您获取更多的相关知识。

时间： 2024-10-27 11:01:42

Android开发中ListView自定义adapter的封装_Android的相关文章

Android开发中ListView自定义adapter的封装

[引入] 我们一般编写listView的时候顺序是这样的:  •需要展示的数据集List<T>  •为这个数据集编写一个ListView  •为这个ListView编写一个Adapter,一般继承自BaseAdapter  •在BaseAdapter内部编写一个ViewHolder类,对应ListView里面的item控件,提高控件的查询效率 分析: List<T>:ListView --> Adapter extends BaseAdapter --> ViewHol

android开发中ListView与Adapter使用要点介绍_Android

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 infl

Android开发中MJRefresh自定义刷新动画效果_Android

[一]常见用法 最原始的用法,耦合度低,但是不能统一管理.我们需要在每一个控制器都写以下代码,很繁琐,以后项目修改起来更繁琐,得一个控制器一个控制器的去定位.修改. 1.1 使用默认刷新(耦合度底,但是想统一修改起来特别麻烦) self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{ //在这里执行刷新操作 }]; self.tableView.mj_header = [MJRefreshNorm

Android开发中Listview动态加载数据的方法示例

本文实例讲述了Android开发中Listview动态加载数据的方法.分享给大家供大家参考,具体如下: 最近在研究网络数据加载的问题,比如我有几百,甚至上千条数据,这些数据如果一次性全部加载到arraylist,然后再加载到Listview中.我们必然会去单独开线程来做,这样造成的结果就是会出现等待时间很长,用户体验非常不好.我的想法是动态加载数据,第一次加载十条,然后往下面滑动的时候再追加十条,再往下面滑动的时候再去追加,这样大大减少了用户等待的时间,同时给处理数据留下了时间.网上看到了这样一

android开发中listview添加图片

问题描述 android开发中listview添加图片 map1.put("image",R.drawable.jiantou); 我在listview中添加图像时,引用图像的地址,如上所示,但提示错误The method put(String, String) in the type HashMap is not applicable for the arguments (String, int) 但我看别人的代码都可以直接引用图像地址的,请大神帮忙解决一下,谢啦!! 解决方案 Ma

Android开发中MJRefresh自定义刷新动画效果

[一]常见用法 最原始的用法,耦合度低,但是不能统一管理.我们需要在每一个控制器都写以下代码,很繁琐,以后项目修改起来更繁琐,得一个控制器一个控制器的去定位.修改. 1.1 使用默认刷新(耦合度底,但是想统一修改起来特别麻烦) self.tableView.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:^{ //在这里执行刷新操作 }]; self.tableView.mj_header = [MJRefreshNorm

Android开发中ListView 和 ScrollView 冲突如何解决

ListView 与 ScrollView 同在一界面会导致ListView 显示变形,ListView只显示出了一个条目的高度,本文我们来谈谈如何解决Android应用中ListView 和 ScrollView 共生的问题. 一开始就想着用一个ScrollView把主要内容和评论区的ListView包起来,然后添加各个控件的内容即可,但是写出来之后发现ListView只显示出了一个条目的高度,并且不能滑动,网上搜了一下发现原因是ScrollView和ListView都是可滑动的,把它们放在一

Android编程开发中ListView的常见用法分析_Android

本文实例讲述了Android编程开发中ListView的常见用法.分享给大家供大家参考,具体如下: 一.ListView的使用步骤 ListView的使用通常有以下三个要素: (1)ListView中每个条目的布局; (2)填充进入ListView中的内容; (3)将内容与页面进行整合的Adapter. 因此,使用ListView也通常有以下三个步骤: (1)创建ListView条目的布局文件(或使用Android SDK提供的布局); (2)创建填充进入ListView中的内容,如字符串.图片

android开发中如何自定义UI模板【图解教程】

每个设计良好的App都是自定义标题栏,在自定义标题栏的过程中大部分人可能都是自定义一个标题的xml文件,然后在需要的地方直接通过include来引用,这比起在每个布局文件中写标题栏已经进化很多了,但仍然不是最简单有效的方法,我们为什么不能自定义一个标题控件呢?今天就带大家自己做一个标题栏控件.效果图如下: <?xml version="1.0" encoding="utf-8"?> <resources>     <declare-st