欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

安卓控件--列表(ListVIew)实现

程序员文章站 2022-07-14 13:02:09
...

原理

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上,作为中介的作用。

安卓控件--列表(ListVIew)实现

适配器本身属于一个接口,适配器借口以及继承关系如下 

安卓控件--列表(ListVIew)实现

安卓控件--列表(ListVIew)实现

  1. ArrayAdapter:简单,易用的适配器,用于将数组绑定为列表项的数据源,支持泛型操作
  2. SimpleAdapter:功能强大的适配器,用于将XML中控件绑定为列表项的数据源
  3. SimpleCursorAdapter:与SimpleAdapter类似,用于绑定游标(直接从数据数取出数据)作为列表项的数据源
  4. 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的原理:

    1. 当系统开始绘制的ListView的时候,首先调用getCount()方法。得到它的返回值,即ListView中的长度。
    2. 系统调用getView()方法,根据这个长度逐一绘制的ListView的每一行。(如果让getCount将()返回1,那么只显示一行)。
    3. getItem()时和getItemId()则在需要处理和取得适配器中的数据时调用。
    4. 那么getView()如何使用呢?如果有10000行数据就绘制万次?这肯定会极大的消耗资源,导致的ListView滑动非常的慢,那应该怎么做呢?可以使用BaseAdapter进行优化的ListView的显示。
    5. 以下将使用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)简介

安卓控件--列表(ListVIew)实现

特征:

  • 适配器视图继承自ViewGroup中,本质是个容器
  • 适配器视图可以包含多个“列表项”,并将这多个列表项以合适的形式展示
  • 适配器视图显示的列表项内容由适配器提供
  • 它派生的子类在用法上也基本相似,只是在显示上有一定区别,因此把他们也归为一类。
  • 由适配器视图直接派生的三个类:AbsListView,AbsSpinner,AdapterViewAnimator。