Android开发 ---基本UI组件6 ：只定义一个listView组件，然后通过BaseAdapter适配器根据数据的多少自行添加多个ListView显示数据

效果图：

　　

1、activity_main.xml

　　描述：

　　　　定义了一个按钮

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="ListView_1"
        android:onClick="test_1"/>
</LinearLayout>

2、MainActivity.java

　　描述：

　　　　进行了页面跳转

package com.example.android_ui_3;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void test_1(View view){
        Intent intent=new Intent(this,ListView_BaseAdapterActivity.class);
        startActivity(intent);
    }
}

3、activity_list_view_base_adapter.xml

　　描述：

　　　　定义了一个显示内容的ListView组件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_list_view__base_adapter"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ListView
        android:id="@+id/listView_1"
        android:listSelector="@color/colorAccent"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

4、ListView_BaseAdapterActivity.java

package com.example.android_ui_3;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class ListView_BaseAdapterActivity extends Activity {
　　//获取到ListView组件
    private ListView listView_1;
　　//声明了一个全局的集合
    private List<Map<String,Object>> list;
　　//声明了一个适配器
    private MyBaseAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view__base_adapter);
        listView_1=(ListView)findViewById(R.id.listView_1);
        //获取数据源
        loadData();
　　　　　//构建适配器
　　　　　//适配器中传入数据源
        adapter=new MyBaseAdapter(list,this);
　　　　　//给listView绑定适配器
        listView_1.setAdapter(adapter);
    }
    //构建数据源
    private void loadData(){
　　　　　//实例化集合
        list=new ArrayList<Map<String,Object>>();
　　　　　//通过循环向每个Map中添加数据
        for(int i=1;i<=10;i++){
            Map<String,Object> map=new HashMap<String,Object>();
            map.put("userImage",R.mipmap.ic_launcher);
            map.put("userName","小明"+i);
            map.put("userInfo","这是第"+i+"个小明");
            list.add(map);
        }
    }

    //构建一个适配器内部类
　　//adapter是view和数据的桥梁
　　//在一个ListView或者GridView中，你不可能手动给每一个格子都新建一个view，所以这时候就需要Adapter的帮忙，它会帮你自动绘制view并且填充数据。
　　//新建一个java文件MyBaseAdapter，继承自BaseAdapter，并且实现它的4个基础方法。
　　/*
　　　　getCount : 要绑定的条目的数目，比如格子的数量
　　　　getItem : 根据一个索引（位置）获得该位置的对象
　　　　getItemId : 获取条目的id
　　　　getView : 获取该条目要显示的界面

　　*/
　　//继承BaseAdapter
    class MyBaseAdapter extends BaseAdapter{
        //接收将要绑定给UI的数据源
　　　　　//全局数据源变成了局部数据源了
        private List<Map<String,Object>> list;
        //数据绑定给谁
        private Context context;

        //构造方法
　　　　　//初始化数据源和上下文对象
        MyBaseAdapter(List<Map<String,Object>> list,Context context){
            this.list=list;
            this.context=context;
        }
　　　　　　
　　　　　//该类继承了BaseAdapter必须重写四个方法　
        @Override
        public int getCount() {
　　　　　　　//如果list中存在数据
            if(list!=null)
　　　　　　　　　　//返回list中数据的条数
                return list.size();
　　　　　　　//否则返回0
            return 0;
        }
        @Override
        public Object getItem(int i) {
            if(list!=null)
　　　　　　　　　　//传入一个i,获取你好检索的数据位置
                return list.get(i);
            return null;
        }
        @Override
        public long getItemId(int i) {
            if(list!=null)
                return i;
            return 0;
        }

        /**
         * 构建每一个Item，多次调用，每次构建一项
         * @param i 当前第几项
         * @param view 上一次构建的项
         * @param viewGroup
         * @return
         */
        @Override
        public View getView(final int i, View view, ViewGroup viewGroup) {
            if(list!=null){
                Log.i("create view","创建第"+i+"项");
                //获取要绑定数据的UI[UI描绘在XML文件中，需要将XML解析成一个View对象]
                view=View.inflate(context,R.layout.layout_userlist,null);
                ImageView userImage=(ImageView)view.findViewById(R.id.userImage);
                TextView userName=(TextView)view.findViewById(R.id.userName);
                TextView userInfo=(TextView)view.findViewById(R.id.userInfo);
                TextView delete=(TextView)view.findViewById(R.id.deleteText);

                //为UI绑定数据
                final Map<String,Object> map=list.get(i);
                userImage.setImageResource((Integer) map.get("userImage"));
                userName.setText(map.get("userName").toString());
                userInfo.setText(map.get("userInfo").toString());
                //为UI绑定事件
                delete.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        //Toast.makeText(context,"将要删除:"+map.get("userName").toString(),Toast.LENGTH_SHORT).show();
                        list.remove(i);
　　　　　　　　　　　　　　//有时候我们需要修改已经生成的列表，添加或者修改数据，notifyDataSetChanged()可以在修改适配器绑定的数组后，不用重新刷新Activity，通知Activity更新ListView
　　　　　　　　　　　　　　//即更新listVieww
                        adapter.notifyDataSetChanged();
                    }
                });
                return view;
            }
            return null;
        }
    }
}

5、layout_userlist.xml

描述：

　　只画好一个框架，里面没有数据，需要通过适配器自己去填入数据

　　

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="5dp"
    >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="70dp"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/userImage"
            android:layout_width="60dp"
            android:layout_height="70dp" />
        <LinearLayout
            android:orientation="horizontal"
            android:layout_marginLeft="3dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:orientation="vertical"
                android:layout_weight="5"
                android:layout_width="0dp"
                android:layout_height="match_parent">
                <TextView
                    android:id="@+id/userName"
                    android:textSize="28sp"
                    android:layout_width="match_parent"
                    android:layout_height="40dp" />
                <TextView
                    android:id="@+id/userInfo"
                    android:textSize="20sp"
                    android:layout_width="match_parent"
                    android:layout_height="30dp" />
            </LinearLayout>
            <TextView
                android:id="@+id/deleteText"
                android:textSize="25sp"
                android:gravity="center_horizontal|bottom"
                android:text="删除"
                android:layout_weight="1"
                android:layout_gravity="right"
                android:layout_width="0dp"
                android:layout_height="match_parent" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>