Android Listview中显示不同的视图布局

转载 2015年07月08日 19:52:07

1.使用场景

  在重写ListView的BaseAdapter时,我们常常在getView()方法中复用convertView,以提高性能。convertViewItem为单一的同种类型布局时,能够回收并重用,但是多个Item布局类型不同时,convertView的回收和重用会出现问题。比如有些行为纯文本,有些行则是图文混排,这里纯文本行为一类布局,图文混排的行为第二类布局。单一类型的ListView很简单,下面着重介绍一下ListView包含多种类型视图布局的情形。

 

2.ListView包含不同Item的布局

  我们需要做这些工作:

  1)重写 getViewTypeCount() – 该方法返回多少个不同的布局

  2)重写 getItemViewType(int) – 根据position返回相应的Item

  3)根据view item的类型,在getView中创建正确的convertView

 

3.案例

import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

public class listViewTest extends Activity {
/** Called when the activity is first created. */
  ListView listView;
  MyAdapter listAdapter;
  ArrayList<String> listString;

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    listView = (ListView)this.findViewById(R.id.listview);
    listString = new ArrayList<String>();
    for(int i = 0 ; i < 100 ; i++)
    {
      listString.add(Integer.toString(i));
    }
    listAdapter = new MyAdapter(this);
    listView.setAdapter(listAdapter);
  }

  class MyAdapter extends BaseAdapter{
    Context mContext;
    LinearLayout linearLayout = null;
    LayoutInflater inflater;
    TextView tex;
    final int VIEW_TYPE = 3;
    final int TYPE_1 = 0;
    final int TYPE_2 = 1;
    final int TYPE_3 = 2;

    public MyAdapter(Context context) {
      // TODO Auto-generated constructor stub
      mContext = context;
      inflater = LayoutInflater.from(mContext);
    }

    @Override
    public int getCount() {
      // TODO Auto-generated method stub
      return listString.size();
    }

    //每个convert view都会调用此方法,获得当前所需要的view样式
    @Override
    public int getItemViewType(int position) {
      // TODO Auto-generated method stub
      int p = position%6;
      if(p == 0)
        return TYPE_1;
      else if(p < 3)
        return TYPE_2;
      else if(p < 6)
        return TYPE_3;
      else
        return TYPE_1;
    }

    @Override
    public int getViewTypeCount() {
      // TODO Auto-generated method stub
      return 3;
    }

    @Override
    public Object getItem(int arg0) {
      // TODO Auto-generated method stub
      return listString.get(arg0);
    }

    @Override
    public long getItemId(int position) {
      // TODO Auto-generated method stub
      return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      // TODO Auto-generated method stub
      viewHolder1 holder1 = null;
      viewHolder2 holder2 = null;
      viewHolder3 holder3 = null;
      int type = getItemViewType(position);

      //无convertView,需要new出各个控件
      if(convertView == null)
      { 
        Log.e("convertView = ", " NULL");

        //按当前所需的样式,确定new的布局
        switch(type)
        {
        case TYPE_1:
          convertView = inflater.inflate(R.layout.listitem1, parent, false);
          holder1 = new viewHolder1();
          holder1.textView = (TextView)convertView.findViewById(R.id.textview1);
          holder1.checkBox = (CheckBox)convertView.findViewById(R.id.checkbox);
          Log.e("convertView = ", "NULL TYPE_1");
          convertView.setTag(holder1);
          break;
        case TYPE_2:
          convertView = inflater.inflate(R.layout.listitem2, parent, false);
          holder2 = new viewHolder2();
          holder2.textView = (TextView)convertView.findViewById(R.id.textview2);
          Log.e("convertView = ", "NULL TYPE_2");
          convertView.setTag(holder2);
          break;
        case TYPE_3:
          convertView = inflater.inflate(R.layout.listitem3, parent, false);
          holder3 = new viewHolder3();
          holder3.textView = (TextView)convertView.findViewById(R.id.textview3);
          holder3.imageView = (ImageView)convertView.findViewById(R.id.imageview);
          Log.e("convertView = ", "NULL TYPE_3");
          convertView.setTag(holder3);
          break;
        }
      }else{
        //有convertView,按样式,取得不用的布局
        switch(type)
        {
        case TYPE_1:
          holder1 = (viewHolder1) convertView.getTag();
          Log.e("convertView !!!!!!= ", "NULL TYPE_1");
          break;
        case TYPE_2:
          holder2 = (viewHolder2) convertView.getTag();
          Log.e("convertView !!!!!!= ", "NULL TYPE_2");
          break;
        case TYPE_3:
          holder3 = (viewHolder3) convertView.getTag();
          Log.e("convertView !!!!!!= ", "NULL TYPE_3");
          break;
        }
      }

    //设置资源
      switch(type)
      {
        case TYPE_1:
          holder1.textView.setText(Integer.toString(position));
          holder1.checkBox.setChecked(true);
          break;
        case TYPE_2:
          holder2.textView.setText(Integer.toString(position));
          break;
        case TYPE_3:
          holder3.textView.setText(Integer.toString(position));
          holder3.imageView.setBackgroundResource(R.drawable.icon);
          break;
      }

      return convertView;
    }
  }

  //各个布局的控件资源
  class viewHolder1{
    CheckBox checkBox;
    TextView textView;
  }

  class viewHolder2{
    TextView textView;
  }

  class viewHolder3{
    ImageView imageView;
    TextView textView;
  }
}


android开发中Listview中显示不同的视图布局

一、问题的引出 如何在listview的不同位置显示不同类型的内容,如在某一行显示广告,其他行显示文本? 二、问题的简答 自定义Adapter,复写BaseAdapter中的getIte...
  • ly969434341
  • ly969434341
  • 2016年05月11日 21:29
  • 2543

Android ListView显示不同布局Item

Android ListView显示不同布局ItemListView显示不同item布局在一些场合还是比较常用的,譬如 新闻客户端中,用的灰常多。该demo使用xUtils框架,用于请求网络,和加载图...
  • xingxtao
  • xingxtao
  • 2016年04月10日 17:03
  • 4425

[Android]如何让ListView显示不同布局的解决方式和案例

一、概述 在项目的需求中,有一处需要显示一个交易记录的列表,这个列表很容易让人联想到用listview来实现,但是这个列表又有稍许不同的地方,那就是它里面的item并不是一样的布局,其中某些部分...
  • sunjundelove
  • sunjundelove
  • 2016年03月14日 13:22
  • 1049

自定义Adapter实现多视图Item的ListView

From http://www.devdiv.com/adapter_item_listview-article-3730-1.html 1、原理分析                  Adap...
  • yuxiaohui78
  • yuxiaohui78
  • 2015年02月14日 05:57
  • 5191

android listView的item 显示多种不同的布局

1.这篇博文不算什么知识点。使用的都是的系统中已经提供给我们的方式方法。这是最近用到了,感觉很实用,特此贡献出来。 首先需要定义,listview中需要展示的view个数,和view的布布局类型 ...
  • o279642707
  • o279642707
  • 2015年01月18日 00:19
  • 2840

Android中ListView使用getItemViewType为item设置不同的布局

实际开发过程中,有一处需要显示一个交易记录的列表,这个列表很容易让人联想到用listview来实现,但是这个列表又有稍许不同的地方,那就是它里面的item并不是一样的布局,其中某些部分显示的是消费的记...
  • lplj717
  • lplj717
  • 2016年12月01日 15:13
  • 682

Android ListView使用不同对象加载不同布局

因为未知原因,突然想到了关于一个 List 集合里面能否添加不同对象的问题,因为我们平时开发过程中,关于List 的比较常规的写法就是:List list = new ArrayList();这让我形...
  • lv_fq
  • lv_fq
  • 2016年10月31日 00:15
  • 2350

ListView加载不同Item布局的问题

ListView加载不同的Item,实现聊天界面
  • jhg1204
  • jhg1204
  • 2016年04月29日 12:04
  • 1823

ListView的item可能出现不同布局造成ListView的item数据混乱问题解决

之前做到的很多listview的内容都大同小异,基本上item的布局用一个layout就可以实现到,最多就里面的某些控件根据需求显示或者隐藏罢了,但今天刚好有这个需求,就是同个adapter里面get...
  • chequer_lkp
  • chequer_lkp
  • 2014年10月30日 10:04
  • 2957

使用ListView进行不同布局ItemView的显示

实现的界面效果如下图所示,没有可以进行布局上的调整,所以看起来丑一点。         上图在一个ListView中显示了两种不同的ItemView,主要是使用BaseAdapter中的...
  • hhzz1504042001
  • hhzz1504042001
  • 2014年12月15日 15:49
  • 4407
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android Listview中显示不同的视图布局
举报原因:
原因补充:

(最多只允许输入30个字)