Android——ListView控件(Android Studio)
本篇介绍ListView控件,这是Android中比较重要也比较复杂的控件,这里只谈到使用ViewHolder机制优化即可。
一、ListView简介
ListView是Android系统中显示列表的控件,每个ListView都可以包含很多个列表项。
二、ListView的使用
概念不多说,直接来介绍使用方法。
ListView中比较复杂的是数据适配器,其作用是把复杂的数据(数组、链表、数据库、集合等)填充在指定视图界面,是连接数据源和视图界面的桥梁。常见的Android原生的适配器有ArrayAdapter和SimpleAdapter。
使用步骤:新建适配器->添加数据源到适配器->视图加载适配器
1. ArrayAdapter(数组适配器)
适用:用于绑定格式单一的数据;
数据源:可以使集合或数组。
public class MainActivity extends Activity { private ListView listView;// 1. 新建一个数据适配器 private ArrayAdapter arr_aAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); listView = (ListView)findViewById(R.id.listView1); // 创建适配器对象时将数据加载到适配器里 /**new ArrayAdapter(context, textViewResourceId) * context-- 上下文,一般为this * textViewResourceId-- 当前ListView加载的每一个列表项所对应的布局文件【这里采用系统默认的一个布局android.R.layout.simple_list_item_1】 */ // 2. 添加数据源到适配器 String[] arr_data = {"fanff", "fan", "tencent", "QQ"};// 创建的数据源 arr_aAdapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, arr_data); // 3. 视图(ListView)加载适配器 listView.setAdapter(arr_adAdapter); } }
2. SimpleAdapter(简单适配器)
适用:绑定格式复杂的数组;
数据源:只能是特定泛型的集合。
public class MainActivity extends Activity { private ListView listView; private SimpleAdapter sim_aAdapter; // 1. 新建一个数据适配器 private List
一般来讲,简单适配器的数据源是一个集合,所以一般写一个方法来处理(例如getData())。
其中自定义的item.xml布局
<?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="horizontal" > <ImageView android:id="@+id/pic" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="15dp" android:src="@drawable/ic_launcher" /> <TextView android:id="@+id/text" android:layout_marginTop="12dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20sp" android:textColor="#000000" android:text="hello" />LinearLayout>
3.继承BaseAdapter的自定义的适配器
这个玩法比较多,这里先不介绍,直接见下面的。
4. 监听器
(1). 监听器是程序和用户(或系统)交互的桥梁,这里不多讲了,毕竟用的多。ListView中的两个常用监听器:OnItemClickListener和OnScrollListener。
(2). OnItemClickListener可以处理视图中单个条目的点击事件;OnScrollListener监测滚动的变化,可以用于视图在滚动中加载数据。
public class MainActivity extends Activity implements OnItemClickListener, OnScrollListener { private ListView listView; private ArrayAdapter arr_aAdapter; private SimpleAdapter sim_aAdapter; private List> dataList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); listView = (ListView) findViewById(R.id.listView1); /** * 1. 新建一个数据适配器 context: 上下文 data: 数据源(List<? extends Map> * data),一个Map所组成的List集合 * 每个Map都会对应ListView列表中的一行,Map是由键【必须包含所有在from中所指定的键】值对组成 from:Map中的键名 * resource:列表中的布局文件的ID to:绑定数据视图中的ID,与from成对应关系 */ // 2. 适配器加载数据源 dataList = new ArrayList>(); sim_aAdapter = new SimpleAdapter(this, getData(), R.layout.item, new String[] { "pic0", "text0" }, new int[] { R.id.pic, R.id.text }); // 3. 视图(ListView)加载适配器 listView.setAdapter(sim_aAdapter); // 监听器 listView.setOnItemClickListener(this);// 单击单个条目 listView.setOnScrollListener(this);// 视图在滚动中加载数据 } private List> getData() { for (int i = 0; i < 20; i++) { Map map = new HashMap(); map.put("pic0", R.drawable.ic_launcher); map.put("text0", "fanff" + i); dataList.add(map); } return dataList; } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { // TODO Auto-generated method stub } @Override public void onScrollStateChanged(AbsListView view, int scrollState) { // TODO Auto-generated method stub switch (scrollState) { case SCROLL_STATE_FLING: Log.i("ScrollState", "用户在手指离开屏幕之前,由于用力滑了一下,视图仍依靠惯性在继续滑行"); Map map = new HashMap(); map.put("pic0", R.drawable.ic_launcher); map.put("text0", "fresh"); dataList.add(map); sim_aAdapter.notifyDataSetChanged();// 通知UI进程刷新界面 break; case SCROLL_STATE_IDLE: Log.i("ScrollState", "视图已经停止滑动"); break; case SCROLL_STATE_TOUCH_SCROLL: Log.i("ScrollState", "手指乜有离开屏幕,视图正在滑动"); break; default: break; } } @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { // TODO Auto-generated method stub String text = listView.getItemAtPosition(position) + "";// 指定位置的内容 Toast.makeText(this, "positon=" + position + "text" + text, Toast.LENGTH_LONG).show(); }}
三、ListView中的BaseAdapter
这里着重来介绍一下BaseAdapter,各种方式的比较见代码注释。
源码下载:https://github.com/herdyouth/ListView
MainActivity
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); List itemBeanList = new ArrayList<>(); for (int i = 0; i < 20; i++){ itemBeanList.add(new ItemBean(R.mipmap.ic_launcher, "标题" + i, "内容" + i)); } // 数据源与适配器的绑定 ListView listView = (ListView) findViewById(R.id.lview); listView.setAdapter(new MyBaseAdapter(this, itemBeanList)); }}
BaseAdapter各种方式的对比,一步步优化的原因如代码注释
/** * 创建数据适配器 * Created by herd_youth on 2016/4/15. */public class MyBaseAdapter extends BaseAdapter{ private List mList; private LayoutInflater mInflater; // 通过构造器关联数据源与数据适配器 public MyBaseAdapter(Context context, List list){ mList = list; // 使用当前要使用的界面对象context去初始化布局装载器对象mInflater mInflater = LayoutInflater.from(context); } @Override public int getCount() { return mList.size(); } @Override public Object getItem(int position) { return mList.get(position); } // 返回指定索引对应的数据项 @Override public long getItemId(int position) { return position; } /* *//** * 返回每一项对应的内容 * 缺点:没有利用到ListView的缓存机制 * 每次都会创建新的View,不管当前这个Item是否在屏幕上被调用过(即是否被缓存过) * @param position * @param convertView * @param parent * @return *//* @Override public View getView(int position, View convertView, ViewGroup parent) { // 将布局文件转为View对象 View view = mInflater.inflate(R.layout.item, null); ImageView imageView = (ImageView) view.findViewById(R.id.iv_img); TextView title = (TextView) view.findViewById(R.id.tv_title); TextView content = (TextView) view.findViewById(R.id.tv_content); ItemBean bean = mList.get(position); imageView.setImageResource(bean.getItemImageResid()); title.setText(bean.getItemContent()); content.setText(bean.getItemContent()); return view; }*/ /** * 改善处:使用系统的convertView来较好的利用ListView的缓存机制,避免重复大量的创建convertView * 缺点:findViewById依然会浪费大量的时间去调用视图树 * @param position * @param convertView * @param parent * @return *//* @Override public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null){// View未被实例化,即缓冲池中无缓存才创建View convertView = mInflater.inflate(R.layout.item, null); }else{ ImageView imageView = (ImageView) convertView.findViewById(R.id.iv_img); TextView title = (TextView) convertView.findViewById(R.id.tv_title); TextView content = (TextView) convertView.findViewById(R.id.tv_content); ItemBean bean = mList.get(position); imageView.setImageResource(bean.getItemImageResid()); title.setText(bean.getItemContent()); content.setText(bean.getItemContent()); } return convertView; }*/ /** * 既利用了ListView的缓存, * 更通过ViewHolder类来显示数据的视图的缓存,避免了多次通过findViewById寻找控件 * @param position * @param convertView * @param parent * @return */ @Override public View getView(int position, View convertView, ViewGroup parent) { ViewHolder viewHolder; if (convertView == null){// View未被实例化,即缓冲池中无缓存才创建View // 将控件id保存在viewHolder中 viewHolder = new ViewHolder(); convertView = mInflater.inflate(R.layout.item, null); viewHolder.imageView = (ImageView) convertView.findViewById(R.id.iv_img); viewHolder.title = (TextView) convertView.findViewById(R.id.tv_title); viewHolder.content = (TextView) convertView.findViewById(R.id.tv_content); // 通过setTag将ViewHolder与convertView绑定 convertView.setTag(viewHolder); } else{ // 通过ViewHolder对象找到对应控件 viewHolder = (ViewHolder) convertView.getTag(); ItemBean bean = mList.get(position); viewHolder.imageView.setImageResource(bean.getItemImageResid()); viewHolder.title.setText(bean.getItemContent()); viewHolder.content.setText(bean.getItemContent()); } return convertView; } // 避免重复的findViewById的操作 class ViewHolder{ public ImageView imageView; public TextView title; public TextView content; }}
/** * 创建设置每个Item的类 * Created by herd_youth on 2016/4/15. */public class ItemBean { private int ItemImageResid; private String ItemTitle; private String ItemContent; public ItemBean(int itemImageResid, String itemTitle, String itemContent) { ItemImageResid = itemImageResid; ItemTitle = itemTitle; ItemContent = itemContent; } public int getItemImageResid() { return ItemImageResid; } public void setItemImageResid(int itemImageResid) { ItemImageResid = itemImageResid; } public String getItemTitle() { return ItemTitle; } public void setItemTitle(String itemTitle) { ItemTitle = itemTitle; } public String getItemContent() { return ItemContent; } public void setItemContent(String itemContent) { ItemContent = itemContent; }}
======无聊分割线=======
ListView是个比较难得玩的控件,这里我只是谈了我现在知道的一点,希望玩的更好的人继续添加。
更多相关文章
- Android adapter 数据适配器
- Android View视图绘制
- Android Studio 之一个项目的不同视图结构
- android之CalendarView日历视图
- Android之打造ListView的万能适配器
- Android设计模式系列-适配器模式
- Android之Adapter:连接后端数据和前端显示的适配器接口
- 【边做项目边学Android】知识点:Adapter适配器
- android 视图getParent,getChildAt