ListView的不同item加载不同Layout

转自:http://blog.csdn.net/junhuahouse/article/details/38261919?utm_source=tuicool&utm_medium=referral

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

点击下载该内容源码

       












在编写代码之前呢,我们需要做这些工作并了解其作用:

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

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

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

下面让我们看一下代码怎么实现:

MainActivity.class

[java]  view plain  copy
 print ?
  1. /** 
  2.  *  
  3.  *ListViewDifferentType 
  4.  * @author Yuanjunhua 
  5.  * 
  6.  * 2014-7-28下午6:23:39 
  7.  */  
  8. public class MainActivity extends Activity {  
  9.   
  10.     private ListView listView;  
  11.     @Override  
  12.     protected void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.activity_main);  
  15.           
  16.         listView=(ListView) findViewById(R.id.lsitview);  
  17.         String[] name1=new String[]{"北京","上海","南京","郑州","轻工业学院","姜寨村"};  
  18.         String[] name2=new String[]{"北京","上海","南京","郑州","轻工业学院","姜寨村"};  
  19.         Integer[] id2=new Integer[]{  
  20.                 R.drawable.jx_left_listitem_1,  
  21.                 R.drawable.jx_left_listitem_2,  
  22.                 R.drawable.jx_left_listitem_3,  
  23.                 R.drawable.jx_left_listitem_4,  
  24.                 R.drawable.jx_left_listitem_5,  
  25.                 R.drawable.jx_left_listitem_6};  
  26.           
  27.         List<String> list1=new ArrayList<String>();  
  28.         fillListMethod(list1,name1);  
  29.           
  30.         List<Map<String,Integer>> list2=new ArrayList<Map<String,Integer>>();  
  31.         fillMapMethod(list2,name2,id2);  
  32.           
  33.         Log.d("mapList""mapList=="+list1);  
  34.         Log.d("strList""strList=="+list2);  
  35.         listView.setAdapter(new MyAdapter(this, list1, list2));  
  36.           
  37.     }  
  38.   
  39.     private void fillMapMethod(List<Map<String, Integer>> list,String[] name,Integer[] id) {  
  40.         // TODO Auto-generated method stub  
  41.         for (int i = 0; i < name.length; i++) {  
  42.             Map<String,Integer> map=new HashMap<String, Integer>();  
  43.             map.put(name[i], id[i]);  
  44.             list.add(map);  
  45.         }  
  46.     }  
  47.   
  48.     private void fillListMethod(List<String> list,String[] name) {  
  49.         // TODO Auto-generated method stub  
  50.         for (int i = 0; i < name.length; i++) {  
  51.             list.add(name[i]);  
  52.         }  
  53.     }  
  54.   
  55.     @Override  
  56.     public boolean onCreateOptionsMenu(Menu menu) {  
  57.         // Inflate the menu; this adds items to the action bar if it is present.  
  58.         getMenuInflater().inflate(R.menu.main, menu);  
  59.         return true;  
  60.     }  
  61.   
  62. }  

继承BaseAdapter

[java]  view plain  copy
 print ?
  1. /** 
  2.  *  
  3.  *ListViewDifferentType 
  4.  * @author Yuanjunhua 
  5.  * 
  6.  * 2014-7-28下午6:23:31 
  7.  */  
  8. public class MyAdapter extends BaseAdapter {  
  9.   
  10.     private LayoutInflater li;  
  11.     private List<String> list;  
  12.     private List<Map<String,Integer>> map;  
  13.     private final int TYPE_ONE=0,TYPE_TWO=1,TYPE_COUNT=2;  
  14.     public MyAdapter(Context context,List<String> list,List<Map<String,Integer>> map) {  
  15.         // TODO Auto-generated constructor stub  
  16.         this.list =list;  
  17.         this.map =map;  
  18.         li=LayoutInflater.from(context);  
  19.     }  
  20.       
  21.     @Override  
  22.     public int getCount() {  
  23.         // TODO Auto-generated method stub  
  24.         return list.size()+map.size();  
  25.     }  
  26.       
  27.     /** 该方法返回多少个不同的布局*/  
  28.     @Override  
  29.     public int getViewTypeCount() {  
  30.         // TODO Auto-generated method stub  
  31.         return TYPE_COUNT;  
  32.     }  
  33.     /** 根据position返回相应的Item*/  
  34.     @Override  
  35.     public int getItemViewType(int position) {  
  36.         // TODO Auto-generated method stub  
  37.         int po = position % 2;  
  38.         if (po == TYPE_ONE)  
  39.             return TYPE_ONE;  
  40.         else  
  41.             return TYPE_TWO;  
  42.     }  
  43.   
  44.     @Override  
  45.     public Object getItem(int position) {  
  46.         // TODO Auto-generated method stub  
  47.         return list.get(position%6);  
  48.     }  
  49.   
  50.     @Override  
  51.     public long getItemId(int position) {  
  52.         // TODO Auto-generated method stub  
  53.         return position%6;  
  54.     }  
  55.   
  56.     @Override  
  57.     public View getView(int position, View convertView, ViewGroup parent) {  
  58.         // TODO Auto-generated method stub  
  59.         ViewHolder1 vh1=null;  
  60.         ViewHolder2 vh2=null;  
  61.         int type=getItemViewType(position);  
  62.         if(convertView==null){  
  63.             switch (type) {  
  64.             case TYPE_ONE:  
  65.                 vh1=new ViewHolder1();  
  66.                 convertView=li.inflate(R.layout.item_one, null);  
  67.                 vh1.tv1=(TextView) convertView.findViewById(R.id.tv1);  
  68.                   
  69.                 convertView.setTag(vh1);  
  70.                   
  71.                 break;  
  72.             case TYPE_TWO:  
  73.                 vh2=new ViewHolder2();  
  74.                 convertView=li.inflate(R.layout.item_two, null);  
  75.                 vh2.tv2=(TextView) convertView.findViewById(R.id.tv2);  
  76.                 vh2.img2=(ImageView) convertView.findViewById(R.id.img2);  
  77.                 convertView.setTag(vh2);  
  78.                 break;  
  79.             }  
  80.         }  
  81.         else{  
  82.             switch (type) {  
  83.             case TYPE_ONE:  
  84.                 vh1=(ViewHolder1) convertView.getTag();  
  85.                 break;  
  86.             case TYPE_TWO:  
  87.                 vh2=(ViewHolder2) convertView.getTag();  
  88.                 break;  
  89.             }  
  90.         }  
  91.           
  92.         switch (type) {  
  93.         case TYPE_ONE:  
  94.             if(position<5)  
  95.             vh1.tv1.setText(list.get((position%6)-(position%6)/2));  
  96.             if(position>5)  
  97.                 vh1.tv1.setText(list.get((position%6)-(position%6)/2+3));  
  98.             break;  
  99.         case TYPE_TWO:  
  100.             int i=0;  
  101.             String txt=null;  
  102.             Map<String,Integer> mapSI=null;  
  103.             if(position<6){  
  104.                 i=(position%6)-(position%6+1)/2;  
  105.                 mapSI=map.get(i);  
  106.                 Iterator<String> it=mapSI.keySet().iterator();  
  107.                 if(it.hasNext()) txt=it.next();  
  108.             }  
  109.                   
  110.             if(position>6){  
  111.                 i=(position%6)-(position%6+1)/2+3;  
  112.                 mapSI=map.get(i);  
  113.                 Iterator<String> it=mapSI.keySet().iterator();  
  114.                 if(it.hasNext()) txt=it.next();  
  115.             }  
  116.             vh2.tv2.setText(txt);  
  117.             vh2.img2.setBackgroundResource(mapSI.get(txt));  
  118.             Log.d("txt""txt=="+txt);  
  119.             break;  
  120.         }  
  121.         return convertView;  
  122.     }  
  123.       
  124.     static class ViewHolder1{  
  125.         TextView tv1;  
  126.     }  
  127.     static class ViewHolder2{  
  128.         TextView tv2;  
  129.         ImageView img2;  
  130.     }  
  131.   
  132. }  
实现上图的效果就用这么几句代码!!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在ListView中添加不同的动态布局,你需要在适配器中重写getView()方法。在该方法中,你可以通过position参数来判断当前的数据项需要使用哪种布局。 以下是一个简单的示例代码,假设我们有两种数据类型:TypeA和TypeB,需要在ListView中显示: ```kotlin class MyAdapter(private val context: Context, private val data: List<Any>) : BaseAdapter() { private val TYPE_A = 0 private val TYPE_B = 1 override fun getView(position: Int, convertView: View?, parent: ViewGroup?): View { var view = convertView val type = getItemViewType(position) if (view == null) { // 根据不同类型加载不同的布局 view = if (type == TYPE_A) { LayoutInflater.from(context).inflate(R.layout.layout_type_a, parent, false) } else { LayoutInflater.from(context).inflate(R.layout.layout_type_b, parent, false) } } // 根据不同类型填充数据 if (type == TYPE_A) { // 填充 Type A 的数据 val item = data[position] as TypeA // ... } else { // 填充 Type B 的数据 val item = data[position] as TypeB // ... } return view } override fun getItem(position: Int): Any { return data[position] } override fun getItemId(position: Int): Long { return position.toLong() } override fun getCount(): Int { return data.size } override fun getItemViewType(position: Int): Int { // 根据不同数据类型返回不同的类型值 return if (data[position] is TypeA) TYPE_A else TYPE_B } override fun getViewTypeCount(): Int { // 返回布局类型的数量,这里有两种类型 return 2 } } ``` 在上面的代码中,我们首先定义了两个常量TYPE_A和TYPE_B,用于表示不同的布局类型。在getView()方法中,我们根据position参数和getItemViewType()方法的返回值来判断当前数据项需要使用哪种布局。如果convertView为空,则根据不同的类型加载不同的布局。然后在各自的分支中填充数据即可。最后,我们还需要在适配器中重写getItemViewType()和getViewTypeCount()方法,用于返回布局类型和布局类型数量。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值