8.高级控件（二）之ListView优化

一.SimpleAdapter实现ListView

首先，让我们看下我们要实现的效果图:

具体实现代码如下:

layout 

activity_main.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="com.zking.android08_widgetplus.MainActivity">    <ListView            android:layout_width="match_parent"            android:layout_height="match_parent"            android:id="@+id/lv_main_list"            /></LinearLayout>

item_listview.xml(给activity_main.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"    android:descendantFocusability="blocksDescendants"    > <!--左边图片右边文字,所以默认水平排列--><!--给某一行获取焦点，让那一行得以点击-->    <ImageView            android:layout_width="50dp"            android:layout_height="50dp"            android:id="@+id/iv_item_listview_icon"            android:src="@drawable/bird"/><!--默认图片-->    <TextView            android:layout_width="0dp"            android:layout_height="wrap_content"            android:id="@+id/tv_item_listview_title"            android:textSize="30sp"            android:text="XX"            android:layout_weight="1"/><!--默认文字XX--><!--全中 1:把按钮挤右边去了-->    <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="下载"            android:id="@+id/btn_item_listview_download"/></LinearLayout>

Java

MainActivity.java

package com.zking.android08_widgetplus;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.SimpleAdapter;import android.widget.ListView;import android.widget.Toast;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;/** * 左边是图片，右边是文字 */public class MainActivity extends AppCompatActivity {        private ListView lv_main_list;        private int images[]={R.drawable.bird,R.drawable.cat,R.drawable.chicken,R.drawable.cow,R.drawable.dog};//放图片的数组        private String titles[]={"雷天使","Tom猫","KFC","老黑牛","单身狗"};//放文字的数组        @Override        protected void onCreate(Bundle savedInstanceState) {                super.onCreate(savedInstanceState);                setContentView(R.layout.activity_main);                lv_main_list=(ListView)findViewById(R.id.lv_main_list);                //定义一组数据                List<Map<String,Object>> list=new ArrayList<>();                for (int i = 0; i < images.length; i++) {                          Map<String,Object> map=new HashMap<>();                          map.put("image",images[i]);                          map.put("title",titles[i]);                          list.add(map);                }                //实例化SimpleAdapter适配器                        android.R.layout.activity_list_item                                android.R.id.icon             android.R.id.text1                SimpleAdapter adapter=new SimpleAdapter(this,list,R.layout.item_listview,new String[]{"image","title"},new int[]{R.id.iv_item_listview_icon,R.id.tv_item_listview_title});                //给lv_main_list设置适配器                lv_main_list.setAdapter(adapter);                //给ListView设置点击事件                lv_main_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {                            @Override                            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                                    Toast.makeText(MainActivity.this, "跳转到"+titles[position]+"页面", Toast.LENGTH_SHORT).show();                            }                });        }}

二.BaseAdapter实现ListView

当SimpleAdapter满足不了要求，所以我们要使用万能适配器SimpleAdapter

注:布局文件同上面的一样

以下代码效果图跟上面的SimpleAdapter差不多，不过，还是有一点区别的，请看:

MainActivity.java

package com.zking.android08_widgetplus;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.BaseAdapter;import android.widget.Button;import android.widget.ImageView;import android.widget.ListView;import android.widget.TextView;import android.widget.Toast;/** * 左边是图片，右边是文字 */public class MainActivity extends AppCompatActivity {        private ListView lv_main_list;        private int images[]={R.drawable.bird,R.drawable.cat,R.drawable.chicken,R.drawable.cow,R.drawable.dog};//放图片的数组        private String titles[]={"雷天使","Tom猫","KFC","老黑牛","单身狗"};//放文字的数组        @Override        protected void onCreate(Bundle savedInstanceState) {                super.onCreate(savedInstanceState);                setContentView(R.layout.activity_main);                lv_main_list=(ListView)findViewById(R.id.lv_main_list);                //给lv_main_list设置适配器                lv_main_list.setAdapter(new MyAdapter());                //给ListView设置点击事件                lv_main_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {                            @Override                            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                                    Toast.makeText(MainActivity.this, "跳转到"+titles[position]+"页面", Toast.LENGTH_SHORT).show();                            }                });        }        //写个内部类        class MyAdapter extends BaseAdapter{//Alt+回车+点Implement methods->出现四个方法                @Override                public int getCount() {//指定ListView有多少行数据                      return titles.length;//数组长度                }                @Override                public Object getItem(int position) {                      return titles[position];//拿到这一行得内容                }                @Override                public long getItemId(int position) {                      return position;//返回每一行的下标                }                @Override                public View getView(final int position, View convertView, ViewGroup parent) {//拿到每一行的(布局文件)view(有多少行数据，就会调多少次)                      //把布局文件转成View                      View v= getLayoutInflater().inflate(R.layout.item_listview,null);                      ImageView iv_item_listview_icon= (ImageView) v.findViewById(R.id.iv_item_listview_icon);                      TextView tv_item_listview_title= (TextView) v.findViewById(R.id.tv_item_listview_title);                      Button btn_item_listview_download= (Button) v.findViewById(R.id.btn_item_listview_download);                      //设值                      iv_item_listview_icon.setImageResource(images[position]);//拿到每一行的下标                      tv_item_listview_title.setText(titles[position]);                       //给按钮设置点击事件                       btn_item_listview_download.setOnClickListener(new View.OnClickListener() {                                   @Override                                   public void onClick(View v) {                                       Toast.makeText(MainActivity.this, "正在下载"+titles[position], Toast.LENGTH_SHORT).show();                                   }                       });                       return v;                }        }}

三.自定义适配器(ListView优化)

注:布局文件同上面的一样

为什么需要优化？

在使用ListView控件的过程中，由于加载条目过多在滑动时可能造成卡顿。

这是因为ListView在当前屏幕显示多少个条目，就会创建多少个对象，每一个条目都是一个对象。在滑动时，滑出屏幕的条目对象会被销毁，新加载到屏幕上的条目会创建新的对象，这样在ListView快速滑动时就会不断的【创建对象】-->【销毁对象】-->【创建对象】，并且每一个条目都需要加载一次布局，加载布局时会不断进行findViewById()操作初始化控件，而布局XML文件是以树形进行加载，每次加载一个条目都需要从根节点进行初始化，这样对内存消耗也比较大，并且浪费时间。如果每个条目都有图片，图片加载的时间比较长，就会造成内存溢出异常。为此就需要对ListView进行优化。

效果图:

优化的目的是在滑动时不会重复创建对象，减少内存消耗和屏幕渲染处理。具体步骤如下：

Java

MainActivity.java

package com.zking.android08_widgetplus;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.util.Log;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.BaseAdapter;import android.widget.Button;import android.widget.ImageView;import android.widget.ListView;import android.widget.TextView;import android.widget.Toast;/** * 01234 01234循环 * 夜神模拟器边滑，控制台数据边走 */public class MainActivity extends AppCompatActivity {        private ListView lv_main_list;        private int images[]={R.drawable.bird,R.drawable.cat,R.drawable.chicken,R.drawable.cow,R.drawable.dog};//放图片的数组        private String titles[]={"雷天使","Tom猫","KFC","老黑牛","单身狗"};//放文字的数组        @Override        protected void onCreate(Bundle savedInstanceState) {                super.onCreate(savedInstanceState);                setContentView(R.layout.activity_main);                lv_main_list = (ListView) findViewById(R.id.lv_main_list);                //给lv_main_list设置适配器                lv_main_list.setAdapter(new MyAdapter());                //给ListView设置点击事件                lv_main_list.setOnItemClickListener(new AdapterView.OnItemClickListener() {                        @Override                        public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {                            Toast.makeText(MainActivity.this, "跳转到"+titles[i%titles.length]+"页面", Toast.LENGTH_SHORT).show();                        }                });        }        //OOM错误: OutOfMemory  内存溢出        class MyAdapter extends BaseAdapter{//Alt+回车+点Implement methods->出现四个方法                @Override                public int getCount() {//指定ListView有多少行数据                      return 10000;//数组长度                }                @Override                public Object getItem(int i) {                      return titles[i%titles.length];//拿到这一行的内容                }                @Override                public long getItemId(int i) {                      return i;//返回每一行的下标                }                @Override                public View getView(final int i, View view, ViewGroup viewGroup) {//拿到每一行的(布局文件)view(有多少行数据，就会调多少次)                        Log.i("test","i="+i+" "+view);                        //优化                        //把布局文件转成View                        if(view==null){//上下挪动:Shift+Alt+上下键                            view= getLayoutInflater().inflate(R.layout.item_listview,null);                            ItemTag itemTag=new ItemTag();//实例化                            itemTag.imageView= (ImageView) view.findViewById(R.id.iv_item_listview_icon);                            itemTag.textView= (TextView) view.findViewById(R.id.tv_item_listview_title);                            itemTag.button= (Button) view.findViewById(R.id.btn_item_listview_download);                            view.setTag(itemTag);                        }                        ItemTag itemtag= (ItemTag) view.getTag();                        //设值                        itemtag.imageView.setImageResource(images[i%titles.length]);                        itemtag.textView.setText(titles[i%titles.length]+i);                        //给按钮设置点击事件                        itemtag.button.setOnClickListener(new View.OnClickListener() {                                @Override                                public void onClick(View view) {                                    Toast.makeText(MainActivity.this, "正在下载"+titles[i%titles.length], Toast.LENGTH_SHORT).show();                                }                        });                        return view;                }        }}

ItemTag.java

package com.zking.android08_widgetplus;import android.widget.Button;import android.widget.ImageView;import android.widget.TextView;/** * Created by Administrator on 2017/6/9 0009. * 解决优化问题（实体类） * ItemTag每一行的标签 * 一行三个标签:ImageView  TextView  Button */public class ItemTag {        public ImageView imageView;        public TextView textView;        public Button button;}

如果要在控制台查看打印，可以这样:

欢迎大家来指出我的不足O(∩_∩)O