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

最新推荐文章于 2022-10-04 06:44:11 发布

原创最新推荐文章于 2022-10-04 06:44:11 发布 · 391 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#SimpleAdapter #ListView #BaseAdapter #ListView优化

Android 专栏收录该内容

30 篇文章

订阅专栏

一.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;
}

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