安卓控件--列表(ListVIew)实现
原理
Listview的两个职责
1.将数据填充到布局
2.处理用户的点击事件
Listview的三个元素
1.ListView中每一列的View(layout文件)
2.填入View中的数据或图片
3.连接数据与ListView的适配器(Adapter)
4.什么是Adapter
1含义:适配器是一个连接数据和AdapterView(ListView就是一个典型的AdapterView)的桥梁,通过它能有效地实现数据与AdapterView的分离设置,使AdapterView与数据的绑定更加简便,修改更加方便Android中提供了很多的Adapter。
Adapter主要负责提供容器(ListView)装载要显示的数据,在运行时,当需要显示数据时,ListView中会针对数据项向适配器取出数据,从而加载到界面上。
2作用:作为数据和视图之间的桥梁
由于ListView和所要展现的数据是分开的,不直接接触,所以,Adapter的作用是把数据映射到ListView上,作为中介的作用。
适配器本身属于一个接口,适配器借口以及继承关系如下
- ArrayAdapter:简单,易用的适配器,用于将数组绑定为列表项的数据源,支持泛型操作
- SimpleAdapter:功能强大的适配器,用于将XML中控件绑定为列表项的数据源
- SimpleCursorAdapter:与SimpleAdapter类似,用于绑定游标(直接从数据数取出数据)作为列表项的数据源
- BaseAdapter:可自定义的ListView,通用用于被扩展扩展BaseAdapter可以对各个列表项进行最大程度的定制。
4.试想下这么一个场景:如果把所有数据集合的信息都加载到视图上,如果ListView控件要为每个数据都创建一个视图,
那么会占用非常多的内存从上面可知,ListView控件不会为每一个数据创建一个视图,为了节省空间和时间,Android的采用了一个叫循环机的组件。
工作原理:当屏幕需要显示X个项时,那么ListView中只会创建X + 1个视图,当第一个项目离开屏幕时,此项目的视图就会被拿来重用(用于显示下一个项(即第X + 1个)的内容)。
在自定义ListView时,BaseAdapter通常要被继承重写,这里介绍一下它的用法
BaseAdapter
使用步骤
1.自定义主活动xml布局
2.ListView每行显示的xml布局
3.定义一个Adapter继承BaseAdapter,重写里面的方法
4.定义一个HashMap构成的列表,将数据以键值对的形式存放在里面
5.构造Adapter对象,设置适配器
6.将LsitView绑定到适配器上。
第一步:.自定义主活动xml布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ListView
android:id="@+id/listview"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
2.第二步:ListView每行显示的xml布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_alignParentRight="true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/ItemImage"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="按钮"
android:id="@+id/ItemBottom"
android:focusable="false"
android:layout_toLeftOf="@+id/ItemImage" />
<TextView android:id="@+id/ItemTitle"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:textSize="20sp"/>
<TextView android:id="@+id/ItemText"
android:layout_height="wrap_content"
android:layout_width="fill_parent"
android:layout_below="@+id/ItemTitle"/>
</RelativeLayout>
3.第三步:定义一个Adapter继承BaseAdapter,重写里面的方法
讲一下BaseAdapter里必须重写的4个方法
- BaseAdapter的灵活性就在于它要重写很多方法,其中最重要的即为getView()方法。
- 我们结合上述重写的4个方法了解下系统-绘制的ListView的原理:
-
- 当系统开始绘制的ListView的时候,首先调用getCount()方法。得到它的返回值,即ListView中的长度。
- 系统调用getView()方法,根据这个长度逐一绘制的ListView的每一行。(如果让getCount将()返回1,那么只显示一行)。
- getItem()时和getItemId()则在需要处理和取得适配器中的数据时调用。
- 那么getView()如何使用呢?如果有10000行数据就绘制万次?这肯定会极大的消耗资源,导致的ListView滑动非常的慢,那应该怎么做呢?可以使用BaseAdapter进行优化的ListView的显示。
- 以下将使用3种重写方法来说明getView()的使用
//
////这个方法返回了指定索引对应的数据项的视图,重要
/*
这种方法每次getView()都要findViewById和重新绘制一个视图,当列表项数据量很大的时候会严重影响性能,
造成下拉很慢,所以数据量大的时候不推荐用这种方式
*/
@Override
public View getView(int i, View view, ViewGroup viewGroup) {//i即是索引
View item = mInflater.inflate(R.layout.item_layout,null);//该方法将一个布局转化成为一个视图
ImageView imageView = (ImageView) item.findViewById(R.id.ItemImage);
TextView title = (TextView)item.findViewById(R.id.ItemTitle);
TextView test = (TextView)item.findViewById(R.id.ItemText);
Button btn = (Button) item.findViewById(R.id.ItemBotton);
imageView.setImageResource((Integer) listItem.get(i).get("ItemImage"));
title.setText((String)listItem.get(i).get("ItemTitle"));
test.setText((String) listItem.get(i).get("ItemText"));
return view;
}
/*
getView()返回值是一个视图,把它作为输入参数
并放到getView()输入参数里,形成反馈这样就形成了适配器的ItemView控件重用机制,
减少了重绘查看的次数。这种方法和第一种相比减少了重绘查看的次数,但是还是每一次都要findViewById
*/
@Override
public View getView(int i, View view, ViewGroup viewGroup) {//i即是索引
if(view == null){
view = mInflater.inflate(R.layout.item_layout, null);
}//检测有没有可以重用的View,没有就重新绘制
ImageView imageView = (ImageView) view.findViewById(R.id.ItemImage);
TextView title = (TextView)view.findViewById(R.id.ItemTitle);
TextView test = (TextView)view.findViewById(R.id.ItemText);
Button btn = (Button) view.findViewById(R.id.ItemBotton);
imageView.setImageResource((Integer) listItem.get(i).get("ItemImage"));
title.setText((String)listItem.get(i).get("ItemTitle"));
test.setText((String) listItem.get(i).get("ItemText"));
return view;
}
/**
* 通过convertView + ViewHolder来实现缓存进而进行优化
*
* convertView缓存了查看,ViewHolder相当于更加具体的缓存:查看里的组件,
* 即把搜索和浏览的组件一并进行缓存,那么重用查看的时候就不用再重绘查看和浏览的组件(findViewById)
*
* 这种方法就既减少了重绘视图,又减少了findViewById的次数,所以这种方法是最能节省资源的
* ,所以非常推荐大家使用通过convertView + ViewHolder来重写getView()
* @param i
* @param view
* @param viewGroup
* @return
*/
static class ViewHolder
{
public ImageView img;
public TextView title;
public TextView text;
public Button btn;
}//声明一个外部静态类
@SuppressLint("CutPasteId")
@Override
public View getView(int i, View view, ViewGroup viewGroup) {//i即是索引
ViewHolder holder;
if(view == null){
holder = new ViewHolder();
view = mInflater.inflate(R.layout.item_layout, null);
holder.img = (ImageView) view.findViewById(R.id.ItemImage);
holder.title = (TextView)view.findViewById(R.id.ItemTitle);
holder.text = (TextView)view.findViewById(R.id.ItemText);
holder.btn = (Button) view.findViewById(R.id.ItemBotton);
view.setTag(holder);
}else{
holder = (ViewHolder)view.getTag();
}
holder.img.setImageResource((Integer) listItem.get(i).get("ItemImage"));
holder.title.setText((String) listItem.get(i).get("ItemTitle"));
holder.text.setText((String) listItem.get(i).get("ItemText"));
return view;
}//这个方法返回了指定索引对应的数据项的视图
第四步:4.定义一个HashMap构成的列表,将数据以键值对的形式存放在里面
5.构造Adapter对象,设置适配器
6.将LsitView绑定到适配器上。
package com.ly.basedadaptertest;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.HashMap;
public class MainActivity extends AppCompatActivity {
private ListView lv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
lv = (ListView)findViewById(R.id.Listview1);
/*定义一个以HashMap为内容的动态数组*/
ArrayList<HashMap<String, Object>> listItem = new ArrayList<HashMap<String, Object>>();/*在数组中存放数据*/
for (int i = 0; i < 100; i++) {
HashMap<String, Object> map = new HashMap<String, Object>();
map.put("ItemImage", R.mipmap.ic_launcher);//加入图片
map.put("ItemTitle", "第" + i + "行");
map.put("ItemText", "这是第" + i + "行");
listItem.add(map);
}
MyAdapte myAdapte =new MyAdapte(this,listItem);
lv.setAdapter(myAdapte);
lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
Toast.makeText(MainActivity.this,"你点击了"+i+"行", Toast.LENGTH_SHORT).show();
}
});
}
}
ListView控件的使用
1.生成方式
生成列表视图(ListView)的方式主要有两种:
- 直接用ListView进行创建
- 让活动继承ListActivity
2. xml文件配置信息
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
3-适配器视图(AdapterView)简介
特征:
- 适配器视图继承自ViewGroup中,本质是个容器
- 适配器视图可以包含多个“列表项”,并将这多个列表项以合适的形式展示
- 适配器视图显示的列表项内容由适配器提供
- 它派生的子类在用法上也基本相似,只是在显示上有一定区别,因此把他们也归为一类。
- 由适配器视图直接派生的三个类:AbsListView,AbsSpinner,AdapterViewAnimator。
上一篇: plotly绘制简单图形<4>--饼形图