Android ListView中getView的原理＋如何在ListView中放置多个item

最新推荐文章于 2019-11-26 18:02:51 发布
最新推荐文章于 2019-11-26 18:02:51 发布
阅读量2k 收藏 2
点赞数
分类专栏： Android 文章标签： Android listview Adapter getview

http://www.cnblogs.com/xiaowenji/archive/2010/12/08/1900579.html

ListView 和 Adapter 的基础

工作原理:

  1. ListView 针对List中每个item，要求 adapter “给我一个视图” (getView)。
  2. 一个新的视图被返回并显示

如果我们有上亿个项目要显示怎么办？为每个项目创建一个新视图？NO!这不可能！

实际上Android为你缓存了视图。

Android中有个叫做Recycler的构件，下图是他的工作原理：

  1. 如果你有10亿个项目(item)，其中只有可见的项目存在内存中，其他的在Recycler中。
  2. ListView先请求一个type1视图(getView)然后请求其他可见的项目。convertView在getView中是空(null)的。
  3. 当item1滚出屏幕，并且一个新的项目从屏幕低端上来时，ListView再请求一个type1视图。convertView此时不是空值了，它的值是item1。你只需设定新的数据然后返回convertView，不必重新创建一个视图。

请看下面的示例代码，这里在getView中使用了System.out进行输出

public class MultipleItemsList extends ListActivity { 
   
    private MyCustomAdapter mAdapter; 
   
    @Override
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        mAdapter = new MyCustomAdapter(); 
        for (int i = 0; i < 50; i++) { 
            mAdapter.addItem("item " + i); 
        } 
        setListAdapter(mAdapter); 
    } 
   
    private class MyCustomAdapter extends BaseAdapter { 
   
        private ArrayList mData = new ArrayList(); 
        private LayoutInflater mInflater; 
   
        public MyCustomAdapter() { 
            mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
        } 
   
        public void addItem(final String item) { 
            mData.add(item); 
            notifyDataSetChanged(); 
        } 
   
        @Override
        public int getCount() { 
            return mData.size(); 
        } 
   
        @Override
        public String getItem(int position) { 
            return mData.get(position); 
        } 
   
        @Override
        public long getItemId(int position) { 
            return position; 
        } 
   
        @Override
        public View getView(int position, View convertView, ViewGroup parent) { 
            System.out.println("getView " + position + " " + convertView); 
            ViewHolder holder = null; 
            if (convertView == null) { 
                convertView = mInflater.inflate(R.layout.item1, null); 
                holder = new ViewHolder(); 
                holder.textView = (TextView)convertView.findViewById(R.id.text); 
                convertView.setTag(holder); 
            } else { 
                holder = (ViewHolder)convertView.getTag(); 
            } 
            holder.textView.setText(mData.get(position)); 
            return convertView; 
        } 
   
    } 
   
    public static class ViewHolder { 
        public TextView textView; 
    } 
}


 

执行程序，然后在Logcat中查看日志

 

getView 被调用 9 次 ，convertView 对于所有的可见项目是空值（如下）

 

?
02 - 05 13 : 47 : 32.559 : INFO/System.out( 947 ): getView 0 null
02 - 05 13 : 47 : 32.570 : INFO/System.out( 947 ): getView 1 null
02 - 05 13 : 47 : 32.589 : INFO/System.out( 947 ): getView 2 null
02 - 05 13 : 47 : 32.599 : INFO/System.out( 947 ): getView 3 null
02 - 05 13 : 47 : 32.619 : INFO/System.out( 947 ): getView 4 null
02 - 05 13 : 47 : 32.629 : INFO/System.out( 947 ): getView 5 null
02 - 05 13 : 47 : 32.708 : INFO/System.out( 947 ): getView 6 null
02 - 05 13 : 47 : 32.719 : INFO/System.out( 947 ): getView 7 null
02 - 05 13 : 47 : 32.729 : INFO/System.out( 947 ): getView 8 null

 

然后稍微向下滚动List，直到item10出现：

 

convertView仍然是空值，因为recycler中没有视图（item1的边缘仍然可见，在顶端）

 

?
02 - 05 13 : 48 : 25.169 : INFO/System.out( 947 ): getView 9 null

 

再滚动List

 

convertView不是空值了！item1离开屏幕到Recycler中去了，然后item11被创建

 

?
02 - 05 13 : 48 : 42.879 : INFO/System.out( 947 ): getView 10 android.widget.LinearLayout @437430f8

 

再滚动：

?
02 - 05 14 : 01 : 31.069 : INFO/System.out( 947 ): getView 11 android.widget.LinearLayout @437447d0
02 - 05 14 : 01 : 31.142 : INFO/System.out( 947 ): getView 12 android.widget.LinearLayout @43744ff8
02 - 05 14 : 01 : 31.279 : INFO/System.out( 947 ): getView 13 android.widget.LinearLayout @43743fa8
02 - 05 14 : 01 : 31.350 : INFO/System.out( 947 ): getView 14 android.widget.LinearLayout @43745820
02 - 05 14 : 01 : 31.429 : INFO/System.out( 947 ): getView 15 android.widget.LinearLayout @43746048
02 - 05 14 : 01 : 31.550 : INFO/System.out( 947 ): getView 16 android.widget.LinearLayout @43746870
02 - 05 14 : 01 : 31.669 : INFO/System.out( 947 ): getView 17 android.widget.LinearLayout @43747098
02 - 05 14 : 01 : 31.839 : INFO/System.out( 947 ): getView 18 android.widget.LinearLayout @437478c0
02 - 05 14 : 03 : 30.900 : INFO/System.out( 947 ): getView 19 android.widget.LinearLayout @43748df0
02 - 05 14 : 03 : 32.069 : INFO/System.out( 947 ): getView 20 android.widget.LinearLayout @437430f8

convertView 如我们所期待的非空了，在item11离开屏幕之后，它的视图(@437430f8)作为convertView容纳item21了

不同的项目布局(item layout)

我们再举一个稍微复杂的例子，在上例的list中加入一些分隔线

你需要做这些:

  1. 重(@Override)写 getViewTypeCount() – 返回你有多少个不同的布局
  2. 重写 getItemViewType(int) – 由position返回view type id
  3. 根据view item的类型，在getView中创建正确的convertView

以下是代码：

public class MultipleItemsList extends ListActivity { 
   
    private MyCustomAdapter mAdapter; 
   
    @Override
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        mAdapter = new MyCustomAdapter(); 
        for (int i = 1; i < 50; i++) { 
            mAdapter.addItem("item " + i); 
            if (i % 4 == 0) { 
                mAdapter.addSeparatorItem("separator " + i); 
            } 
        } 
        setListAdapter(mAdapter); 
    } 
   
    private class MyCustomAdapter extends BaseAdapter { 
   
        private static final int TYPE_ITEM = 0; 
        private static final int TYPE_SEPARATOR = 1; 
        private static final int TYPE_MAX_COUNT = TYPE_SEPARATOR + 1; 
   
        private ArrayList mData = new ArrayList(); 
        private LayoutInflater mInflater; 
   
        private TreeSet mSeparatorsSet = new TreeSet(); 
   
        public MyCustomAdapter() { 
            mInflater = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE); 
        } 
   
        public void addItem(final String item) { 
            mData.add(item); 
            notifyDataSetChanged(); 
        } 
   
        public void addSeparatorItem(final String item) { 
            mData.add(item); 
            // save separator position 
            mSeparatorsSet.add(mData.size() - 1); 
            notifyDataSetChanged(); 
        } 
   
        @Override
        public int getItemViewType(int position) { 
            return mSeparatorsSet.contains(position) ? TYPE_SEPARATOR : TYPE_ITEM; 
        } 
   
        @Override
        public int getViewTypeCount() { 
            return TYPE_MAX_COUNT; 
        } 
   
        @Override
        public int getCount() { 
            return mData.size(); 
        } 
   
        @Override
        public String getItem(int position) { 
            return mData.get(position); 
        } 
   
        @Override
        public long getItemId(int position) { 
            return position; 
        } 
   
        @Override
        public View getView(int position, View convertView, ViewGroup parent) { 
            ViewHolder holder = null; 
            int type = getItemViewType(position); 
            System.out.println("getView " + position + " " + convertView + " type = " + type); 
            if (convertView == null) { 
                holder = new ViewHolder(); 
                switch (type) { 
                    case TYPE_ITEM: 
                        convertView = mInflater.inflate(R.layout.item1, null); 
                        holder.textView = (TextView)convertView.findViewById(R.id.text); 
                        break; 
                    case TYPE_SEPARATOR: 
                        convertView = mInflater.inflate(R.layout.item2, null); 
                        holder.textView = (TextView)convertView.findViewById(R.id.textSeparator); 
                        break; 
                } 
                convertView.setTag(holder); 
            } else { 
                holder = (ViewHolder)convertView.getTag(); 
            } 
            holder.textView.setText(mData.get(position)); 
            return convertView; 
        } 
   
    } 
   
    public static class ViewHolder { 
        public TextView textView; 
    } 
}


 

运行程序，你会看到每4个item一个分割线

看看日志，无异常，所有的convertView都是空的

 

?
02 - 05 15 : 19 : 03.080 : INFO/System.out( 1035 ): getView 0 null type = 0
02 - 05 15 : 19 : 03.112 : INFO/System.out( 1035 ): getView 1 null type = 0
02 - 05 15 : 19 : 03.130 : INFO/System.out( 1035 ): getView 2 null type = 0
02 - 05 15 : 19 : 03.141 : INFO/System.out( 1035 ): getView 3 null type = 0
02 - 05 15 : 19 : 03.160 : INFO/System.out( 1035 ): getView 4 null type = 1
02 - 05 15 : 19 : 03.170 : INFO/System.out( 1035 ): getView 5 null type = 0
02 - 05 15 : 19 : 03.180 : INFO/System.out( 1035 ): getView 6 null type = 0
02 - 05 15 : 19 : 03.190 : INFO/System.out( 1035 ): getView 7 null type = 0
02 - 05 15 : 19 : 03.210 : INFO/System.out( 1035 ): getView 8 null type = 0
02 - 05 15 : 19 : 03.210 : INFO/System.out( 1035 ): getView 9 null type = 1

滚动list：

?
02 - 05 15 : 19 : 54.160 : INFO/System.out( 1035 ): getView 10 null type = 0
02 - 05 15 : 19 : 57.440 : INFO/System.out( 1035 ): getView 11 android.widget.LinearLayout @43744528 type = 0
02 - 05 15 : 20 : 01.310 : INFO/System.out( 1035 ): getView 12 android.widget.LinearLayout @43744eb0 type = 0
02 - 05 15 : 20 : 01.880 : INFO/System.out( 1035 ): getView 13 android.widget.LinearLayout @437456d8 type = 0
02 - 05 15 : 20 : 02.869 : INFO/System.out( 1035 ): getView 14 null type = 1
02 - 05 15 : 20 : 06.489 : INFO/System.out( 1035 ): getView 15 android.widget.LinearLayout @43745f00 type = 0
02 - 05 15 : 20 : 07.749 : INFO/System.out( 1035 ): getView 16 android.widget.LinearLayout @43747170 type = 0
02 - 05 15 : 20 : 10.250 : INFO/System.out( 1035 ): getView 17 android.widget.LinearLayout @43747998 type = 0
02 - 05 15 : 20 : 11.661 : INFO/System.out( 1035 ): getView 18 android.widget.LinearLayout @437481c0 type = 0
02 - 05 15 : 20 : 13.180 : INFO/System.out( 1035 ): getView 19 android.widget.LinearLayout @437468a0 type = 1
02 - 05 15 : 20 : 16.900 : INFO/System.out( 1035 ): getView 20 android.widget.LinearLayout @437489e8 type = 0
02 - 05 15 : 20 : 25.690 : INFO/System.out( 1035 ): getView 21 android.widget.LinearLayout @4374a8d8 type = 0

convertView对于分割线是空的，直到第一个分割线可见，当其离开屏幕，视图去到Recycler并且convertView开始起作用。

本文翻译自http://android.amberfog.com/?p=296

代码下载：MultipleItemsList.zip – source code

 

jaycee110905
关注
专栏目录
ListView与Adapter使用要点
Haking的博客
08-12 337
项目用到ListView，由于要用到 ImageView ，图片源不是在资源里面的，没法使用资源 ID，因此无法直接使用SimpleAdapter，要自己写一个Adapter。 在使用ListView和Adapter需要注意以下几点：   1. Adapter.getView()   public View getView(int position, View conv...
android:ListView中的getView原理
weixin_34250434的博客
05-23 164
其实这里的复用技术在列表中是十分常见的，iphone中的tableView也有相关的技术，cell的复用 工作原理: ListView 针对List中每个item，要求 adapter “给我一个视图” (getView)。 一个新的视图被返回并显示 如果我们有上亿个项目要显示怎么办？为每个项目创建一个新视图？NO!这不可能！ 实际上Android为你缓存了视图。 Androi...
[Android] ListView中getView的原理＋如何在ListView中放置多个item
yidan923的专栏
01-27 1057
<br />ListView 和 Adapter 的基础<br />工作原理:ListView 针对List中每个item，要求 adapter “给我一个视图” (getView)。 一个新的视图被返回并显示 <br />如果我们有上亿个项目要显示怎么办？为每个项目创建一个新视图？NO!这不可能！<br />实际上Android为你缓存了视图。<br />Android中有个叫做Recycler的构件，下图是他的工作原理：<br />如果你有10亿个项目(item)，其中只有可见的项目存在内存中，其他的在
Android开发之ListView 适配器（Adapter）优化
helpbs
10-14 112
本文转自http://edu.gamfe.com/tutor/d/30512.html ListView的Adapter的作用如下图所示： Adapter的作用就是ListView界面与数据之间的桥梁，当列表里的每一项显示到页面时，都会调用Adapter的getView方法返回一个View。想过没有？ 在我们的列表有1000000项时会是什么样的？是不是会占用极大的系统...
Android中ListView多次调用getView
simpson910的专栏
10-20 3961
在开发中遇到一个问题，listview的getView()方法会莫名其妙的执行多次，原来是listview的布局文件的问题：  android:layout_width="fill_parent" android:layout_height="wrap_content" /> 将android:layout_height="wrap_content"修改成：android:layout_
android中ListView多次刷新重复执行getView的解决方法
09-05
`getView()` 方法是ListView中的核心，它负责创建或复用ListView的每一个Item视图。在某些情况下，`getView()` 可能会被多次重复执行，这不仅可能导致性能下降，还可能引起一些预期之外的行为，比如多次触发监听器。...
Android ListView与getView调用卡顿问题解决办法
08-29
在Android开发中，ListView是一个非常常见的组件，用于展示大量数据列表。然而，ListView在实际使用过程中，特别是当数据量较大时，可能会出现滚动卡顿的问题，这主要与`getView()`方法的频繁调用有关。本篇文章将...
Android ListView扩展（图片+文字）
09-20
3. 数据绑定：在Adapter中，重写`getView()`方法，这个方法会为ListView的每一项返回一个View。在该方法内，使用LayoutInflater实例化布局文件，然后找到ImageView和TextView，将数据绑定到这些视图上。可以使用...
Android中ListView包含多个Item
07-04
本篇将深入讲解如何在Android中创建一个ListView，并实现它包含多个不同类型的Item。 1. **ListView基本结构** ListView由一系列的View（Item）组成，每个View代表数据集中的一个条目。这些Item通过Adapter进行...
android的listview中getview()的问题
weixin_30629653的博客
04-14 125
上周开始直到昨天，我和我的同事遇到了一个不大不小的bug。不多说先叙述一下： 产品需求： 是一个专辑页面，将优秀的，点击量高的文章做成一个专辑，方便大家阅读。就是一个listview，item有图的显示图，没图就不显示，但每个item都会有标题，有描述。有headerview,是这个专辑的标题和描述，也会有背景图，还有对专辑的收藏按钮和评论显示，点击收藏，按钮变色，点击评论，进入评论页面；有f...
android ListView 中getview学习总结
apuycat204023的博客
12-14 257
最近在做android相关的开发，ListView中有一个图片错位的问题，今天查了很多人写的一些东西，所以记录下来，算是一种加深理解吧。 ListView是一个非常常用的控件，功能可以扩展的很丰富，而且与GridView有很多相似的地方。都可以存放大量数据。而且当我们需要比较复杂的布局时，一般用SimpleAdapter，或者继承BaseAdapter自己重写。 如果是继承A...
Android 遇坑【6】 - ListView getView（）多次调用问题
Hsy的博客
11-26 555
问题描述 其实这是很久之前准备写的博客... 在学习 Spinner 时仅总结了静态加载的方法，动态加载 方法可参照Android UI - Spinner。 而在实际使用中，当存在较多 Spinner 时，使用静态数据显然是不科学的（一个Spinner一个xml文件心好累的）。 那么我们需要用适配器动态的添加数据，可参考Android 基础知识学习 - spinner 使用 ...
Android面试必问的Listview getview方法问题
u011644473的博客
12-09 820
今天看到了一篇文章，讲解Listview的getView最清晰的，顺便自己也记录一下。。。 1、每一次都重新定义一个View载入布局，加载数据，该种方式是最慢的一种 public View getView(int position, View convertView, ViewGroup parent) { View item = mInflater.inflate( R.layout.l
Android ListView Adapter的getItemViewType和getViewTypeCount多种布局
Zhang Phil
07-21 9041
 《Android ListView Adapter的getItemViewType和getViewTypeCount多种布局》 在Android的ListView中，如果在一个ListView中要实现多种样式的ListView布局样式，则需要在ListView的适配器Adapter中用到：getItemViewType()和getViewTypeCount()。getViewTypeCo
Adapter的getView方法详解
热门推荐
Yelbosh的专栏
08-05 7万+
BaseAdapter就Android应用程序中经常用到的基础数据适配器，它的主要用途是将一组数据传到像ListView、Spinner、Gallery及GridView等UI显示组件，它是继承自接口类Adapter，我们经常使用的ListView 的adapter，即SimpleAdapter，是继承自BaseAdapter的，BaseAdapter是一个基类，没有实现绑定数据的功能，Simpl
ListView
qq_14951185的博客
03-03 341
一、ListView类 1、常用的基本属性： （1）FullRowSelect：设置是否行选择模式。(默认为false) 提示：只有在Details视图该属性才有意义。 （2） GridLines：设置行和列之间是否显示网格线。（默认为false）提示：只有在Details视图该属性才有意义。 （3）AllowColumnReorder：设置是否可拖动列标头来对改变列的顺序。（默认为fal
Adapter中的getView方法
阿达King哥的博客
05-09 1593
public abstract View getView (int position, View convertView, ViewGroup parent) 引入自：API 级别1 Get a View that displays the data at the specified position in the data set. You can either crea
Adapter的getView方法
Veyron_wu
03-12 961
BaseAdapter就Android应用程序中经常用到的基础数据适配器，它的主要用途是将一组数据传到像ListView、Spinner、Gallery及GridView等UI显示组件，它是继承自接口类Adapter，我们经常使用的ListView 的adapter，即SimpleAdapter，是继承自BaseAdapter的，BaseAdapter是一个基类，没有实现绑定数据的功能，Simpl
批量删除Android ListView item 实例教程
当需要在ListView中实现批量删除item的功能时，通常涉及到用户交互、数据管理以及视图更新等多个步骤。本文将详细介绍如何在Android应用中实现ListView的批量删除功能。 首先，理解ListView的基本结构和工作原理是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值