ListView原理

image.png

ListView的常用属性

image.png

ListView的使用

image.png

image.png
image.png

实现ListView的一般步骤
◆在布局文件中编写代码（xxx.xml）
◆在xml文件中添加ListView标签
◆Activity中编写代码
1.获取ListView对象
2.准备数据源
3.配置适配器
4.将适配器关联到ListView中
image.png

适配器

image.png

image.png

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="vertical" android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  6.     <ListView
  7.         android:id="@+id/lv1"
  8.         android:divider="#8cc18c"
  9.         android:dividerHeight="10dp"
  10.         android:entries="@array/names"
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content">
  13.     </ListView>
  14. </LinearLayout>

使用ArrayAdapter实现文字列表

image.png

使用SimpleAdapter实现图文混排

image.png

image.png

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="horizontal"
  4.     android:layout_margin="6dp"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent">
  8.     <ImageView
  9.         android:layout_weight="1"
  10.         android:layout_margin="5dp"
  11.         android:id="@+id/logo"
  12.         android:src="@mipmap/ic_launcher"
  13.         android:layout_width="wrap_content"
  14.         android:layout_height="wrap_content" />
  15.     <LinearLayout
  16.         android:layout_weight="1"
  17.         android:layout_margin="5dp"
  18.         android:orientation="vertical"
  19.         android:layout_width="wrap_content"
  20.         android:layout_height="wrap_content">
  22.         <TextView
  23.             android:id="@+id/title"
  24.             android:text="王者荣耀"
  25.             android:textSize="18dp"
  26.             android:layout_width="wrap_content"
  27.             android:layout_height="wrap_content" />
  28.         <TextView
  29.             android:id="@+id/version"
  30.             android:text="版本：1.8.8"
  31.             android:textSize="12dp"
  32.             android:layout_width="wrap_content"
  33.             android:layout_height="wrap_content" />
  34.         <TextView
  35.             android:id="@+id/size"
  36.             android:text="大小：1998M"
  37.             android:textSize="12dp"
  38.             android:layout_width="wrap_content"
  39.             android:layout_height="wrap_content" />
  40.     </LinearLayout>
  41.     <Button
  42.         android:layout_weight="1"
  43.         android:layout_margin="5dp"
  44.         android:id="@+id/btn1"
  45.         android:text="卸载应用"
  46.         android:layout_width="wrap_content"
  47.         android:layout_height="wrap_content" />
  48. </LinearLayout>
  1. package com.bluelesson.phoneandmessage;
  3. import android.content.Intent;
  4. import android.net.Uri;
  5. import android.support.v7.app.AppCompatActivity;
  6. import android.os.Bundle;
  7. import android.telecom.Call;
  8. import android.telephony.SmsManager;
  9. import android.view.View;
  10. import android.widget.Adapter;
  11. import android.widget.ArrayAdapter;
  12. import android.widget.EditText;
  13. import android.widget.ListView;
  14. import android.widget.SimpleAdapter;
  15. import android.widget.TextView;
  17. import java.util.ArrayList;
  18. import java.util.HashMap;
  19. import java.util.List;
  20. import java.util.Map;
  22. public class MainActivity extends AppCompatActivity {
  24.     @Override
  25.     protected void onCreate(Bundle savedInstanceState) {
  26.         super.onCreate(savedInstanceState);
  27.         setContentView(R.layout.main);
  29.         initListView();
  30.         initListView1();
  31.     }
  33.     private void initListView1() {
  34.         //1.获取界面对象
  35.         ListView listView= findViewById(R.id.lv1);
  36.         //2.准备数据源
  37.         List<Map<String,Object>> maplist=new ArrayList<>();
  38.         Map<String,Object> map1 = new HashMap<>();
  39.         map1.put("logo",R.mipmap.ic_launcher);
  40.         map1.put("title","王者荣耀");
  41.         map1.put("version","版本：1.8.8");
  42.         map1.put("size","大小：1878M");
  44.         Map<String,Object> map2 = new HashMap<>();
  45.         map2.put("logo",R.mipmap.ic_launcher);
  46.         map2.put("title","炉石传说");
  47.         map2.put("version","版本：2.8.8");
  48.         map2.put("size","大小：788M");
  50.         Map<String,Object> map3 = new HashMap<>();
  51.         map3.put("logo",R.mipmap.ic_launcher);
  52.         map3.put("title","极品飞车");
  53.         map3.put("version","版本：3.8.8");
  54.         map3.put("size","大小：2188M");
  56.         maplist.add(map1);
  57.         maplist.add(map2);
  58.         maplist.add(map3);
  63.         //3.创建适配器
  64.         SimpleAdapter adapter = new SimpleAdapter(this,
  65.                 maplist,
  66.                 R.layout.main2,
  67.                 new String[]{"logo","title","version","size"},
  68.                 new int[]{R.id.logo,R.id.title,R.id.version,R.id.size}
  69.                 );
  71.         //4.将适配器与ListView关联
  72.         listView.setAdapter(adapter);
  73.     }
  75.     private void initListView() {
  76.         //1.获取界面对象
  77.         ListView listView= findViewById(R.id.lv1);
  78.         //2.准备数据源
  79.         String strings[] = {"上海","北京","山东","山西","内蒙古","北京","山东","山西","内蒙"};
  80.         //3.创建适配器
  81.         ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(
  82.                 this,
  83.                 android.R.layout.simple_list_item_1,  //列表项的布局文件
  84.                 android.R.id.text1,                     //TextView资渊文件
  85.                 strings                             //数据
  86.         );
  87.         //4.将适配器与ListView关联
  88.         listView.setAdapter(arrayAdapter);
  90.     }
  93. }

image.png

自定义Adapter

image.png

MyAdapter

  1. package com.bluelesson.phoneandmessage;
  3. import android.content.Context;
  4. import android.util.Log;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.BaseAdapter;
  9. import android.widget.ImageView;
  10. import android.widget.TextView;
  12. import java.util.ArrayList;
  13. import java.util.List;
  14. import java.util.Map;
  16. public class MyAdapter extends BaseAdapter {
  19.     public MyAdapter(List<Map<String, Object>> mList, Context mContext) {
  20.         this.mList = mList;
  21.         this.mContext = mContext;
  22.     }
  24.     private List<Map<String,Object>> mList  = new ArrayList<>();
  25.     private Context mContext;
  27.     @Override
  28.     public int getCount() {
  29.         return mList.size();
  30.     }
  32.     @Override
  33.     public Object getItem(int position) {
  34.         return mList.get(position);
  35.     }
  37.     @Override
  38.     public long getItemId(int position) {
  39.         return position;
  40.     }
  42.     @Override
  43.     public View getView(int position, View convertView, ViewGroup viewGroup) {
  44.         //输出日志
  45.         Log.d("15pb-log","位置="+position+" convertView="+convertView);
  46.         //1.加我一个列表项布局文件，获取界面对象
  47.         //1.1获取布局管理器
  48.         //1.2加载布局
  49.         LayoutInflater layoutInflater = LayoutInflater.from(mContext);
  50.         View view = layoutInflater.inflate(R.layout.main2,null);
  51.         //2.将数据添加到布局对象中
  52.         //2.1从列表中获取数据
  53.         Map<String, Object>map=mList.get(position);
  54.         int resId = (int)map.get("logo");
  55.        String version = (String)map.get("version");
  56.         String title = (String)map.get("title");
  57.         String size = (String)map.get("size");
  58.         //2.2获取界面对象
  59.         ImageView iv_logo = view.findViewById(R.id.logo);
  60.         TextView tv_title = view.findViewById(R.id.title);
  61.         TextView tv_version = view.findViewById(R.id.version);
  62.         TextView tv_size = view.findViewById(R.id.size);
  63.         //2.3将数据设置到界面上
  64.         iv_logo.setImageResource(resId);
  65.         tv_title.setText(title);
  66.         tv_version.setText(version);
  67.         tv_size.setText(size);
  68.         //3.返回对象
  69.         return view;
  70.     }
  71. }

MainActivity

  1. package com.bluelesson.phoneandmessage;
  3. import android.content.Intent;
  4. import android.net.Uri;
  5. import android.support.v7.app.AppCompatActivity;
  6. import android.os.Bundle;
  7. import android.telecom.Call;
  8. import android.telephony.SmsManager;
  9. import android.view.View;
  10. import android.widget.Adapter;
  11. import android.widget.ArrayAdapter;
  12. import android.widget.EditText;
  13. import android.widget.ListView;
  14. import android.widget.SimpleAdapter;
  15. import android.widget.TextView;
  17. import java.util.ArrayList;
  18. import java.util.HashMap;
  19. import java.util.List;
  20. import java.util.Map;
  22. public class MainActivity extends AppCompatActivity {
  24.     @Override
  25.     protected void onCreate(Bundle savedInstanceState) {
  26.         super.onCreate(savedInstanceState);
  27.         setContentView(R.layout.main);
  29.         //initListView();
  30.         //initListView1();
  31.         initListView2();
  32.     }
  34.     private void initListView2() {
  35.         //1.获取界面对象
  36.         ListView listView= findViewById(R.id.lv1);
  37.         //2.准备数据源
  38.         List<Map<String,Object>> mapList=new ArrayList<>();
  39.         Map<String,Object> map1 = new HashMap<>();
  40.         map1.put("logo",R.mipmap.ic_launcher);
  41.         map1.put("title","王者荣耀");
  42.         map1.put("version","版本：1.8.8");
  43.         map1.put("size","大小：1878M");
  45.         Map<String,Object> map2 = new HashMap<>();
  46.         map2.put("logo",R.mipmap.ic_launcher);
  47.         map2.put("title","炉石传说");
  48.         map2.put("version","版本：2.8.8");
  49.         map2.put("size","大小：788M");
  51.         Map<String,Object> map3 = new HashMap<>();
  52.         map3.put("logo",R.mipmap.ic_launcher);
  53.         map3.put("title","极品飞车");
  54.         map3.put("version","版本：3.8.8");
  55.         map3.put("size","大小：2188M");
  57.         mapList.add(map1);
  58.         mapList.add(map2);
  59.         mapList.add(map3);
  61.         mapList.add(map1);
  62.         mapList.add(map2);
  63.         mapList.add(map3);
  68.         //3.创建适配器
  69.         MyAdapter adapter = new MyAdapter(mapList,this);
  72.         //4.将适配器与ListView关联
  73.         listView.setAdapter(adapter);
  74.     }
  76.     private void initListView1() {
  77.         //1.获取界面对象
  78.         ListView listView= findViewById(R.id.lv1);
  79.         //2.准备数据源
  80.         List<Map<String,Object>> maplist=new ArrayList<>();
  81.         Map<String,Object> map1 = new HashMap<>();
  82.         map1.put("logo",R.mipmap.ic_launcher);
  83.         map1.put("title","王者荣耀");
  84.         map1.put("version","版本：1.8.8");
  85.         map1.put("size","大小：1878M");
  87.         Map<String,Object> map2 = new HashMap<>();
  88.         map2.put("logo",R.mipmap.ic_launcher);
  89.         map2.put("title","炉石传说");
  90.         map2.put("version","版本：2.8.8");
  91.         map2.put("size","大小：788M");
  93.         Map<String,Object> map3 = new HashMap<>();
  94.         map3.put("logo",R.mipmap.ic_launcher);
  95.         map3.put("title","极品飞车");
  96.         map3.put("version","版本：3.8.8");
  97.         map3.put("size","大小：2188M");
  99.         maplist.add(map1);
  100.         maplist.add(map2);
  101.         maplist.add(map3);
  106.         //3.创建适配器
  107.         SimpleAdapter adapter = new SimpleAdapter(this,
  108.                 maplist,
  109.                 R.layout.main2,
  110.                 new String[]{"logo","title","version","size"},
  111.                 new int[]{R.id.logo,R.id.title,R.id.version,R.id.size}
  112.                 );
  114.         //4.将适配器与ListView关联
  115.         listView.setAdapter(adapter);
  116.     }
  118.     private void initListView() {
  119.         //1.获取界面对象
  120.         ListView listView= findViewById(R.id.lv1);
  121.         //2.准备数据源
  122.         String strings[] = {"上海","北京","山东","山西","内蒙古","北京","山东","山西","内蒙"};
  123.         //3.创建适配器
  124.         ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(
  125.                 this,
  126.                 android.R.layout.simple_list_item_1,  //列表项的布局文件
  127.                 android.R.id.text1,                     //TextView资渊文件
  128.                 strings                             //数据
  129.         );
  130.         //4.将适配器与ListView关联
  131.         listView.setAdapter(arrayAdapter);
  133.     }
  136. }

image.png

优化getView

  1. @Override
  2.     public View getView(int position, View convertView, ViewGroup viewGroup) {
  3.         //输出日志
  4.         Log.d("15pb-log","位置="+position+" convertView="+convertView);
  6.         View view = null;
  7.         //优化getView
  8.         if(convertView==null){
  9.             //1.加我一个列表项布局文件，获取界面对象
  10.             //1.1获取布局管理器
  11.             LayoutInflater layoutInflater = LayoutInflater.from(mContext);
  12.             //1.2加载布局
  13.             view = layoutInflater.inflate(R.layout.main2,null);
  15.             //2.将数据添加到布局对象中
  16.             //2.1从列表中获取数据
  17.             Map<String, Object>map=mList.get(position);
  18.             int resId = (int)map.get("logo");
  19.             String version = (String)map.get("version");
  20.             String title = (String)map.get("title");
  21.             String size = (String)map.get("size");
  22.             //2.2获取界面对象
  23.             ImageView iv_logo = view.findViewById(R.id.logo);
  24.             TextView tv_title = view.findViewById(R.id.title);
  25.             TextView tv_version = view.findViewById(R.id.version);
  26.             TextView tv_size = view.findViewById(R.id.size);
  27.             //2.3将数据设置到界面上
  28.             iv_logo.setImageResource(resId);
  29.             tv_title.setText(title);
  30.             tv_version.setText(version);
  31.             tv_size.setText(size);
  32.         }else {
  33.             view = convertView;
  34.         }
  41.         //3.返回对象
  42.         return view;
  43.     }

封装

  1. package com.bluelesson.phoneandmessage;
  3. import android.content.Context;
  4. import android.util.Log;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.BaseAdapter;
  9. import android.widget.ImageView;
  10. import android.widget.TextView;
  12. import java.util.ArrayList;
  13. import java.util.List;
  14. import java.util.Map;
  16. public class MyAdapter extends BaseAdapter {
  19.     public MyAdapter(List<Map<String, Object>> mList, Context mContext) {
  20.         this.mList = mList;
  21.         this.mContext = mContext;
  22.     }
  24.     private List<Map<String,Object>> mList  = new ArrayList<>();
  25.     private Context mContext;
  27.     @Override
  28.     public int getCount() {
  29.         return mList.size();
  30.     }
  32.     @Override
  33.     public Object getItem(int position) {
  34.         return mList.get(position);
  35.     }
  37.     @Override
  38.     public long getItemId(int position) {
  39.         return position;
  40.     }
  42.     public class ViewHoler {
  43.         ImageView iv_logo;
  44.         TextView tv_title;
  45.         TextView tv_version;
  46.         TextView tv_size;
  47.         public ViewHoler(View view) {
  48.             this. iv_logo=view.findViewById(R.id.logo); 
  49.             this. tv_title=view.findViewById(R.id.title); 
  50.             this. tv_version=view.findViewById(R. id.version); 
  51.             this. tv_size=view.findViewById(R. id.size);
  52.         }
  55.     }
  56.     @Override
  57.     public View getView(int position, View convertView, ViewGroup viewGroup) {
  58.         //输出日志
  59.         Log.d("15pb-log","位置="+position+" convertView="+convertView);
  61.         View view = null;
  62.         //优化getView
  63.         if(convertView==null){
  64.             //1.加我一个列表项布局文件，获取界面对象
  65.             //1.1获取布局管理器
  66.             LayoutInflater layoutInflater = LayoutInflater.from(mContext);
  67.             //1.2加载布局
  68.             view = layoutInflater.inflate(R.layout.main2,null);
  70.             //2.将数据添加到布局对象中
  71.             //2.1从列表中获取数据
  72.             Map<String, Object>map=mList.get(position);
  73.             int resId = (int)map.get("logo");
  74.             String version = (String)map.get("version");
  75.             String title = (String)map.get("title");
  76.             String size = (String)map.get("size");
  77.             //2.2获取界面对象
  78.             ViewHoler viewHolder = new ViewHoler(view);
  79.             //2.3将数据设置到界面上
  80.             viewHolder.iv_logo.setImageResource(resId);
  81.             viewHolder.tv_title.setText(title);
  82.             viewHolder.tv_version.setText(version);
  83.             viewHolder.tv_size.setText(size);
  84.         }else {
  85.             view = convertView;
  86.         }
  93.         //3.返回对象
  94.         return view;
  95.     }
  96. }

listView的监听

例子1

image.png

例子2

image.png

  1. package com.bluelesson.phoneandmessage;
  3. import android.content.Context;
  4. import android.util.Log;
  5. import android.view.LayoutInflater;
  6. import android.view.View;
  7. import android.view.ViewGroup;
  8. import android.widget.BaseAdapter;
  9. import android.widget.Button;
  10. import android.widget.ImageView;
  11. import android.widget.TextView;
  13. import java.util.ArrayList;
  14. import java.util.List;
  15. import java.util.Map;
  17. public class MyAdapter extends BaseAdapter {
  20.     public MyAdapter(List<Map<String, Object>> mList, Context mContext) {
  21.         this.mList = mList;
  22.         this.mContext = mContext;
  23.     }
  25.     private List<Map<String,Object>> mList  = new ArrayList<>();
  26.     private Context mContext;
  28.     @Override
  29.     public int getCount() {
  30.         return mList.size();
  31.     }
  33.     @Override
  34.     public Object getItem(int position) {
  35.         return mList.get(position);
  36.     }
  38.     @Override
  39.     public long getItemId(int position) {
  40.         return position;
  41.     }
  43.     public class ViewHoler {
  44.         ImageView iv_logo;
  45.         TextView tv_title;
  46.         TextView tv_version;
  47.         TextView tv_size;
  48.         public ViewHoler(View view) {
  49.             this. iv_logo=view.findViewById(R.id.logo);
  50.             this. tv_title=view.findViewById(R.id.title);
  51.             this. tv_version=view.findViewById(R. id.version);
  52.             this. tv_size=view.findViewById(R. id.size);
  53.         }
  56.     }
  57.     @Override
  58.     public View getView(int position, View convertView, ViewGroup viewGroup) {
  59.         //输出日志
  60.         Log.d("15pb-log","位置="+position+" convertView="+convertView);
  62.         View view = null;
  63.         //优化getView
  64.         if(convertView==null){
  65.             //1.加我一个列表项布局文件，获取界面对象
  66.             //1.1获取布局管理器
  67.             LayoutInflater layoutInflater = LayoutInflater.from(mContext);
  68.             //1.2加载布局
  69.             view = layoutInflater.inflate(R.layout.main2,null);
  71.             //2.将数据添加到布局对象中
  72.             //2.1从列表中获取数据
  73.             Map<String, Object>map=mList.get(position);
  74.             int resId = (int)map.get("logo");
  75.             String version = (String)map.get("version");
  76.             String title = (String)map.get("title");
  77.             String size = (String)map.get("size");
  78.             //2.2获取界面对象
  79.             ViewHoler viewHolder = new ViewHoler(view);
  80.             //2.3将数据设置到界面上
  81.             viewHolder.iv_logo.setImageResource(resId);
  82.             viewHolder.tv_title.setText(title);
  83.             viewHolder.tv_version.setText(version);
  84.             viewHolder.tv_size.setText(size);
  85.         }else {
  86.             view = convertView;
  87.         }
  90.         //3.设置监听器
  91.         Button button=view.findViewById(R.id.uninstallbtn);
  92.         button.setOnClickListener(new View.OnClickListener() {
  93.             @Override
  94.             public void onClick(View view) {
  95.                 Log.d("15pb-log","日志"+view.getId());
  96.             }
  97.         });
  99.         //3.返回对象
  100.         return view;
  101.     }
  102. }

image.png

常用控件

◆单选按钮

image.png

◆下拉列表

image.png
image.png

◆自动完成提示框

image.png

image.png