Android 개발 중 ListView 사용자 정의 adapter 패키지
저 희 는 보통 listView 를 작성 할 때 순서 가 이 렇 습 니 다.
•보 여줄 데이터 세트 List
•이 데이터 세트 를 위해 ListView 를 작성 합 니 다.
•이 ListView 를 위 한 Adapter 를 만 듭 니 다.보통 BaseAdapter 에서 계승 합 니 다.
•BaseAdapter 내부 에 ViewHolder 클래스 를 작성 하여 ListView 의 item 컨트롤 에 대응 하여 컨트롤 의 조회 효율 을 높 입 니 다.
분석:
List
일반적인 상황 에서 하나의 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 의 재 활용 으로 인해 내용 이 혼 란 스 럽 습 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Kotlin의 기초 - 2부지난 글에서는 Kotlin이 무엇인지, Kotlin의 특징, Kotlin에서 변수 및 데이터 유형을 선언하는 방법과 같은 Kotlin의 기본 개념에 대해 배웠습니다. 유형 변환은 데이터 변수의 한 유형을 다른 데이터...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.