Android開発中のListViewカスタムadapperのパッケージ

20852 ワード
and roid ListView アドホッター
【導入】 
私たちは基本的にlistViewを書く時の順番はこうです。
 •展示が必要なデータセットList＜T＞
 •このデータセットのためにListViewを作成します。
 •このListViewのためにAdapterを作成して、普通はBaseAdapterから継承します。
 •BaseAdapter内部でView Holderクラスを作成し、ListView内のitemコントロールに対応して、コントロールのクエリ効率を向上させます。 
分析:
List：ListView-->Adapter extens BaseAdapter-->View Holder 
普通、一つのListViewは一つのAdapter類に対応して、一つのView Holder類に対応しています。もし一つのアプリの中に20個のListViewがあったら、私達は20回書くのではないですか？だからのやり方は：
 •View Holderを抽出し、公共のクラスとします。
 •AdapterをCommon 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：単一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でカスタムadapperのパッケージ（万能な書き方でアダプターを作成する）： 
完全版のコードは以下の通りです。 
（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）【多重化可能コード】View Holder.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）【多重化可能コード】ListView Adapter.java：カスタム汎用アダプターは、BaseAdapterから引き継ぎます。今後はカスタムListViewのadapperなら、それを継承すればいいです。 

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）ListView AdapterWithView Holder.java：ListView Adapterから引き継ぐ 

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を書くごとに、View Holder.javaとListView Adapterを直接導入して、カスタムadaterを書いてListView Adapterから継承すればいいです。 
【プロジェクトファイル】2015-05-04-BaseAdapterのパッケージ.rar
三、よくある問題： 
1、itemコントロールがフォーカスを奪う： 
itemの中にcheckboxがあると仮定して、そのプログラムを実行した後、checkBoxだけがクリックされていることを発見しました。itemの中の他の位置はクリックできません。方法は： 
方法1：このcheckBoxのための属性を設定します。android:focusable="false"
方法2：このitemのための属性を設定する：android：descendant Focusability=「blocks Descendants」 
このアイテムの焦点が上から下に伝わらないようにします。 
2、ListView多重化によるコンテンツの乱れ。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
SpringBootは、アイテムのポイント機能を実現します。
Javaサーバホスト情報監視ツール類のコード例