Android 개발 중 ListView 사용자 정의 adapter 패키지

21231 단어 androidListViewadapter
[도입] 
저 희 는 보통 listView 를 작성 할 때 순서 가 이 렇 습 니 다.
 •보 여줄 데이터 세트 List
 •이 데이터 세트 를 위해 ListView 를 작성 합 니 다.
 •이 ListView 를 위 한 Adapter 를 만 듭 니 다.보통 BaseAdapter 에서 계승 합 니 다.
 •BaseAdapter 내부 에 ViewHolder 클래스 를 작성 하여 ListView 의 item 컨트롤 에 대응 하여 컨트롤 의 조회 효율 을 높 입 니 다. 
분석:
List:ListView --> Adapter extends BaseAdapter --> ViewHolder 
일반적인 상황 에서 하나의 ListView 는 하나의 Adapter 류 에 대응 하고 하나의 ViewHolder 류 에 대응 합 니 다.만약 에 하나의 app 에 20 개의 ListView 가 있다 면 우 리 는 20 번 을 써 야 하지 않 겠 습 니까?그래서 방법 은:
 •뷰 홀 더 를 공공 클래스 로 추출 합 니 다.
 •Adapter 를 CommonAdapter 로 봉 하여 공공 클래스 로 합 니 다. 
1.전통 적 인 방식 으로 어댑터 작성: 
(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-04-BaseAdapter 의 전통 적 인 표기 법.rar
2.ListView 에서 어댑터 의 패 키 징 을 사용자 정의 합 니 다(만능 쓰기 로 어댑터 를 만 듭 니 다). 
전체 버 전 코드 는 다음 과 같 습 니 다. 
(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)[재 활용 가능 한 코드]ListView Adapter.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)ListViewAdapter With ViewHolder.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 를 직접 가 져 온 다음 에 ListViewAdapter 에서 계승 하 는 사용자 정의 adapter 를 쓰 면 됩 니 다. 
[공사 문서]2015-04-BaseAdapter 의 패키지.rar
3.흔히 볼 수 있 는 문제: 
1.item 컨트롤 이 초점 을 차지 합 니 다: 
아 이 템 에 checkbox 가 있다 고 가정 하면 프로그램 을 실행 한 후에 checkBox 만 클릭 할 수 있 고 아 이 템 의 다른 위 치 는 클릭 할 수 없습니다(전체 아 이 템 을 클릭 해도 반응 이 없습니다).이것 은 checkbox 가 전체 아 이 템 의 초점 을 차지 하기 때 문 입 니 다.방법 은: 
방법 1:이 checkBox 에 속성 설정:android:focusable="false"
방법 2:이 아 이 템 에 속성 설정:android:descendant Focusability="blocks Descendants" 
이 아 이 템 의 초점 이 위 에서 아래로 전달 되 지 않도록 합 니 다. 
2.ListView 의 재 활용 으로 인해 내용 이 혼 란 스 럽 습 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기