ListView基本用法及适配器介绍

ListView基本用法

ListView常用属性

1.android:divider=”” 列表之间绘制的颜色或者图片。一般开发中用于分隔表项。在实际开发过程中，如果你不想要列表之间的分割线，可以设置属性为 @null
2. android:dividerHeight=”” 前面 divider 的高度。
3. android:stackFromBottom=”” 使它们的内容从底部开始显示。默认是 false 从顶部开始显示，如果设置为 true 则从底部开始显示。
4. android:transcriptMode=”” 设置列表的 transcriptMode 模式，该模式指定列表添加新的选项的时候，是否自动滑动到底部，显示新的选项。
共三个枚举值：
disabled：取消 transcriptMode 模式，默认的 。
normal：当接受到数据集合改变的通知，并且仅仅当最后一个选项已经完全显示在屏幕的时候，自动滑动到底部。
alwaysScroll：无论当前列表显示什么选项，列表将会自动滑动到底部显示最新的选项。

ListView常用方法

• setEmptyView(View)设置ListView没有数据时展示的布局
  需要注意。该方法需要的参数 View。该 View 必须和 ListView 在同一个布局容器中。

• setHeaderView()
  添加头部布局，可以添加多个（需要动态加载布局）

• setFooterView()
  添加尾部布局，可以添加多个（需要动态加载布局）

ListView常用监听方法

listView1.setOnItemClickListener(new OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {            }        });

onItemCLick 方法的参数说明：
parent：指 ListView 本身。
view：当前被点击的 Item 的 View 对象
position：当前点击的 Item 的视图位置下标
id：该值是 Adapter 的 getItemId() 方法所返回的值。

适配器

Android 中适配器是连接后端数据和前端显示的接口，是数据和UI之间重要的纽带，主要在 View 上显示【一般是 listview】。可以看作是界面数据绑定的一种理解。它所操纵的数据一般都是一些比较复杂的数据，如数组，链表，数据库，集合等。适配器就像显示器，把复杂的东西按人可以接受的方式来展现。
高级控件：ListView、GridView[网格视图]、Spinner[下拉列表]、Gallery[画廊]、ViewPage 等都需要使用适配器来为其设置数据源。

常用的适配器有：ArrayAdapter，SimpleAdapter，CursorAdapter 这三个都是继承 BaseAdapter，BaseAdapter是一个抽象类，需要子类继承并实现其中的方法才能使用，常用于用户自定义适配器时，显示比较复杂的数据。

ArrayAdapter

使用简单
例：

public class MainActivity extends AppCompatActivity {    private ListView listView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //动态加载布局...        View main = getLayoutInflater().inflate(R.layout.activity_main, new FrameLayout(this), false);        setContentView(main);//        setContentView(R.layout.activity_main);        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, getData());        listView = (ListView) main.findViewById(R.id.listView);        //动态加载布局....        //第一步：得到布局加载器//        LayoutInflater inflater=   getLayoutInflater();//在Activity中//        LayoutInflater inflater=  LayoutInflater.from(this);//在有Context 的地方//        LayoutInflater inflater= (LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);//在有Context 的地方        LayoutInflater inflater = LayoutInflater.from(this);        //第二步：使用布局加载器 加载布局        View view1 = inflater.inflate(R.layout.view_list_header, listView, false);        View view2 = inflater.inflate(R.layout.view_list_header, listView, false);        View view3 = inflater.inflate(R.layout.view_list_header, listView, false);        //添加头部布局//        listView.addHeaderView(view1);//        listView.addHeaderView(view2);        //添加尾部布局        //        listView.addFooterView(view3);        //添加空的视图(当ListView 没有数据的时候显示)        listView.setEmptyView(findViewById(R.id.lv_emptyView));//要求该视图 必须在 ListView 所在的容器里        view1.findViewById(R.id.btn_sss).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                Toast.makeText(MainActivity.this, "呵呵", Toast.LENGTH_SHORT).show();            }        });        //绑定适配器到ListView        listView.setAdapter(arrayAdapter);    }    //初始化数据    public List<String> getData() {        ArrayList<String> data = new ArrayList<>();        for (int i = 0; i < 50; i++) {            data.add("我和你吻别，在无人的街道..." + i);        }        return data;    }}

SimpleAdapter

new SimpleAdapter(context, data, resource, from, to)

参数说明：
context ： 上下文
data：数据源 格式 List

SimpleAdapter与ViewBinder结合使用（因为SimpleAdapter是系统写好的，可以使用ViewBinder来自己绑定视图）

simpleAdapter.setViewBinder(new ViewBinder() {            @Override            public boolean setViewValue(View view, Object data, String textRepresentation) {                return false;            }        });

setViewValue 方法的参数说明：
view 当前需要绑定的视图控件(不是整个布局，而是布局里面具体某一个ImageView 或 TextView 等)；
data：当前 view 所对应的 数据
textRepresentation：该参数是由 data 经过处理的，内部做了非空判断，所以该参数永远不为 null

例：

public class MainActivity extends AppCompatActivity {    private ListView lv_show;    //初始化数据    ArrayList<HashMap<String, Object>> list = new ArrayList<>();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        lv_show = (ListView) findViewById(R.id.lv_show);        HashMap<String, Object> map1 = new HashMap<>();        map1.put("icon", R.mipmap.icon0);        map1.put("title", "订阅号");        map1.put("msg", "iphone7发布了，激动我买note7");        map1.put("time", 17567898762L);        list.add(map1);        /******************/        HashMap<String, Object> map2 = new HashMap<>();        map2.put("icon", R.mipmap.icon1);        map2.put("title", "QQ邮箱提醒");        map2.put("msg", "阿斯顿飞开了家");        map2.put("time", 17567898762L);        list.add(map2);        /******************/        HashMap<String, Object> map3 = new HashMap<>();        map3.put("icon", R.mipmap.icon2);        map3.put("title", "微信活动");        map3.put("msg", "日体育偶朋友");        map3.put("time", 17567898762L);        list.add(map3);        /******************/        HashMap<String, Object> map4 = new HashMap<>();        map4.put("icon", R.mipmap.icon3);        map4.put("title", "美团外卖");        map4.put("msg", "飞规划局快乐空间和高峰过后");        map4.put("time", 17567898762L);        list.add(map4);        /******************/        String from[] = {"title", "icon", "msg", "time"};        int to[] = {R.id.tv_title, R.id.imageView, R.id.tv_lastMsg, R.id.tv_time};        //创建SimpleAdapter        /**         * @params 参数一：Context         * @params 参数二：数据源，List<? extends Map<String,?>>         * @params 参数三：布局 Layout ID         * @params 参数四：由参数二 的 每一个Map 的 key 所组成的 String[]         * @params 参数五：由参数三 布局 里面的子控件的 View 的 ID 组成的 int[]         *         * 注意：参数四与参数五，一个数据对应一个view。数组的数据和控件下标位置要对齐         *         */        SimpleAdapter adapter = new SimpleAdapter(this, list, R.layout.view_list_item_wechat, from, to);        //ViewBind        adapter.setViewBinder(new SimpleAdapter.ViewBinder() {            @Override            public boolean setViewValue(View view, Object data, String textRepresentation) {                if (view.getId() == R.id.tv_time && data instanceof Long) {                    //如果是时间，我们自己绑定                    TextView t = (TextView) view;                    Long time = Long.parseLong(data + "");                    t.setText(new SimpleDateFormat("HH:mm", Locale.CHINA).format(new Date(time)));                    return true;//返回true 自己绑定数据                }                if (view instanceof ImageView) {                    //如果是ImageView 添加一个点击事件                    view.setOnClickListener(new View.OnClickListener() {                        @Override                        public void onClick(View v) {                            Toast.makeText(MainActivity.this, "点击了头像", Toast.LENGTH_SHORT).show();                        }                    });                }                return false;//交给系统绑定            }        });        lv_show.setAdapter(adapter);        //设置ListView 的 Item的点击事件        lv_show.setOnItemClickListener(new AdapterView.OnItemClickListener() {            /**             *             * @param parent 设置该点击事件的 AdapterView 本身(ListView)             * @param view 点击的Item的视图对象             * @param position 视图在 Adapter 中的位置             * @param id 视图在ListView 中的行的下标             */            @Override            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                Log.d(TAG, "parent=" + parent);                Log.d(TAG, "view=" + view);                Log.d(TAG, "position=" + position);                Log.d(TAG, "id=" + id);                HashMap<String, Object> map = list.get(position);                Object title = map.get("title");                Toast.makeText(MainActivity.this, "" + title, Toast.LENGTH_SHORT).show();            }        });    }}

BaseAdapter

BaseAdapter中的四个方法的说明

class MyAdapter extends BaseAdapter {        @Override        public int getCount() {            return 0;//返回适配器的长度        }        @Override        public Object getItem(int position) {            //position 当前视图的下标            return null;//系统不会主动调用该方法，由开发者自己实现        }        @Override        public long getItemId(int position) {            //position 当前视图的下标            return 0;//ListView Item 点击事件中第四个参数的返回值        }        /**         * position 当前视图的下标         * convertView 布局的复用（当有布局滑出 ListView 显示的范围，convertView 就指向 刚滑出的布局）         * parent ListView 本身         */        @Override        public View getView(int position, View convertView, ViewGroup parent) {            return null;//最主要的方法，返回当前 Item 展示的布局        }    }

ListView的ConvertView复用

1.重用了convertView，很大程度上的减少了内存的消耗。通过判断convertView是否为null，是的话就需要产生一个View出来，然后给这个视图数据，最后将这个视图返回给底层，呈献给用户。

2.ViewHolder 为static，也就是静态的，静态类只会在第一次加载时 会耗费比较长时间，但是后面就可以很好帮助加载，同时保证了内存中只有一个ViewHolder，节省了内存的开销

3.给contentView设置tag(setTag())，传入一个viewHolder对象，用于缓存要显示的数据

4.图片采用异步加载方式

5.如果listview需要显示的item很多，就要考虑分页加载。比如一共要显示100条或者更多的时候，我们可以考虑先加载20条，等用户拉到列表底部的时候再去 加载接下来的20条

6.尽量避免在ListView适配器中使用线程，因为线程是产生内存泄露的主要原因在于线程生命周期的不可控制

7.ListView布局的layout_height尽量使用march_parent防止用户误操作屏幕导致重复调用getview方法

@Override        public View getView(int position, View convertView, ViewGroup parent) {            View layout = null;            if (convertView == null) {                layout = getLayoutInflater().inflate(R.layout.activity_main, parent, false);                //在这里去 findViewById 以及更新UI            }else{//如果 convertView 不等于 null 了。则不需要再去加载一次布局                layout = convertView;                //在这里去 findViewById 以及更新UI            }            return layout;        }

例：
MainActivity

public class MainActivity extends AppCompatActivity {    private ListView lv_show;    private ArrayList<Student> data;    private int images[] = {R.mipmap.icon0, R.mipmap.icon1,            R.mipmap.icon2, R.mipmap.icon3, R.mipmap.icon4,            R.mipmap.icon5, R.mipmap.icon6, R.mipmap.icon7,            R.mipmap.icon8, R.mipmap.icon9, R.mipmap.icon10, R.mipmap.icon11};    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        lv_show = (ListView) findViewById(R.id.lv_show);        initData();        MyAdapter myAdapter = new MyAdapter(this, data);        lv_show.setAdapter(myAdapter);        lv_show.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {          Toast.makeText(MainActivity.this,"id="+id,Toast.LENGTH_SHORT).show();            }        });    }    //初始化数据    private void initData() {        data = new ArrayList<>();        for (int i = 0; i < images.length; i++) {            long l = System.currentTimeMillis();            data.add(new Student(images[i], "标题" + i, "最后一条消息" + i, l - i * 10000));        }    }}

MyAdapter

public class MyAdapter extends BaseAdapter {    private Context mContext;    private List<Student> mData;    public MyAdapter(Context context, List<Student> data) {        this.mData = data;        this.mContext = context;    }    //适配器的Item的长度    @Override    public int getCount() {        return mData == null ? 0 : mData.size();    }    //每个Item将要显示的视图(View)    @Override    public View getView(int position, View convertView, ViewGroup parent) {        Student student = getItem(position);        String title = student.getTitle();        if ("标题5".equals(title)) {            View view = LayoutInflater.from(mContext).inflate(R.layout.view_list_item_news, parent, false);            return view;        }        View view = LayoutInflater.from(mContext).inflate(R.layout.view_list_item_wechat, parent, false);        ImageView imageView = (ImageView) view.findViewById(R.id.imageView);        TextView tv_title = (TextView) view.findViewById(R.id.tv_title);        TextView tv_lastMsg = (TextView) view.findViewById(R.id.tv_lastMsg);        TextView tv_time = (TextView) view.findViewById(R.id.tv_time);        imageView.setImageResource(student.getImageResId());        tv_title.setText(title);        tv_lastMsg.setText(student.getLastMsg());        //格式化时间        String dataStr = new SimpleDateFormat("HH:mm", Locale.CHINA).format(new Date(student.getTime()));        tv_time.setText(dataStr);        return view;    }    //开发者自己实现，一般用来得到当前 position位置的 数据    @Override    public Student getItem(int position) {        return mData.get(position);    }    //当用户设置了 ListView的Item的点击事件的时候，讲此值 作为第四个参数传递    @Override    public long getItemId(int position) {        return 0;    }}

Student

public class Student {    private int imageResId;    private String title;    private String lastMsg;    private long time;    @Override    public String toString() {        return "Student{" +                "imageResId=" + imageResId +                ", title='" + title + '\'' +                ", lastMsg='" + lastMsg + '\'' +                ", time=" + time +                '}';    }    public Student() {    }    public Student(int imageResId, String title, String lastMsg, long time) {        this.imageResId = imageResId;        this.title = title;        this.lastMsg = lastMsg;        this.time = time;    }    public int getImageResId() {        return imageResId;    }    public void setImageResId(int imageResId) {        this.imageResId = imageResId;    }    public String getTitle() {        return title;    }    public void setTitle(String title) {        this.title = title;    }    public String getLastMsg() {        return lastMsg;    }    public void setLastMsg(String lastMsg) {        this.lastMsg = lastMsg;    }    public long getTime() {        return time;    }    public void setTime(long time) {        this.time = time;    }}

上面写法没有布局复用

ConvertView复用写法（使用RecycleBin机制 复用Item布局，防止OOM）

public class MainActivity extends AppCompatActivity {    private Integer[] imageResId = {R.mipmap.a, R.mipmap.b, R.mipmap.c, R.mipmap.e            , R.mipmap.f, R.mipmap.g, R.mipmap.h, R.mipmap.i};    private ListView lv_show;    private List<Integer> list = new ArrayList<>();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        lv_show = (ListView) findViewById(R.id.lv_show);        for (int i = 0; i < 60; i++) {            list.addAll(Arrays.asList(imageResId));        }        lv_show.setAdapter(new MyAdapter());    }    class MyAdapter extends BaseAdapter {        class ViewHolder {            TextView tv_title;            ImageView iv_icon;        }        @Override        public int getCount() {            return list == null ? 0 : list.size();        }        @Override        public Integer getItem(int position) {            return list.get(position);        }        @Override        public long getItemId(int position) {            return 0;        }        @Override        public View getView(int position, View convertView, ViewGroup parent) {            Integer data = getItem(position);//当前行的数据            View layout;            ViewHolder viewHolder;            if (convertView == null) {                layout = getLayoutInflater().inflate(R.layout.view_list_item_wechat, parent, false);                viewHolder = new ViewHolder();// 当前Item 的布局的子控件的引用的集合                viewHolder.tv_title = (TextView) layout.findViewById(R.id.tv_title);                viewHolder.iv_icon = (ImageView) layout.findViewById(R.id.imageView);                layout.setTag(viewHolder);//把该布局的 子控件的引用 绑定到该布局上            } else {                viewHolder = (ViewHolder) convertView.getTag();                layout = convertView;            }            viewHolder.tv_title.setText("Item " + position);            viewHolder.iv_icon.setImageResource(data);            return layout;        }    }}

Listview卡顿的解决思路

1、使用Adapter提供的convertView 进行复用ItemView
2、使用ViewHolder 减少 findviewbyid 调用次数
3、 Listview 被多层嵌套，多次的onMessure导致卡顿，需要减少嵌套的层数
4、如果多层嵌套无法避免，建议把Listview的高和宽设置为 match_parent
5、使用分页，减少每次ListView加载的数据
6、如果显示图片，可以对图片进行缓存，减少加载的
7、减少不必要的视图更新