实现ListView 三种不同布局的加载的方式

       相信大家都会使用ListView加载相同的布局了，接下来这篇文章，想说一下，如果要加载多种不同的布局该怎么去实现？

       其实很简单，与之不同的是 ，加载相同的布局，我们只需搭建一种布局模板即可，而如果要加载多种不同的布局，我们就得准备好这几种不同的布局模板 ，接下来 我们就用个实例来说一下，如何加载三种不同的布局？

       之前我们加载同一种布局的时候，是没必须写这两个方法的，但在加载多种不同布局的时候，我们就必须在自定义的Adapter中重写这两个方法， getItemViewType(int position) 和getViewTypeCount()

实例如下：

分析 如下：

     第一步： 自定义CustomAdapter，继承自BaseAdapter，并重写其抽象方法，尤其必须重写文中提到的那两个方法

[java]  view plain  copy

 

1. class CustomAdapter extends BaseAdapter {  
2.     ArrayList<HashMap<String, Object>> lists;  
3.     Context context;  
4.     LinearLayout linearLayout = null;  
5.     LayoutInflater inflater;  
6.     TextView text;  
7.     final int VIEW_TYPE = 3;  
8.     final int TYPE_1 = 0;  
9.     final int TYPE_2 = 1;  
10.     final int TYPE_3 = 2;  
11.   
12.     public CustomAdapter(Context context,  
13.             ArrayList<HashMap<String, Object>> lists) {  
14.         this.lists = lists;  
15.         this.context = context;  
16.     }  
17.   
18.     @Override  
19.     public int getCount() {  
20.         return lists.size();  
21.     }  
22.   
23.     @Override  
24.     public Object getItem(int position) {  
25.         return lists.get(position);  
26.     }  
27.   
28.     @Override  
29.     public long getItemId(int position) {  
30.         return 0;  
31.     }  
32. 
    
33.   
34. //    这个方法必须重写 ,这个item要加载什么 布局类型
35. //    每个convertView都会调用此方法，获得当前所需要的view模板 
36.     @Override  
37.     public int getItemViewType(int position) {  
38.         int p = position;  
39.         if (p == 0)  
40.             return TYPE_1;  
41.         else if (p == 1)  
42.             return TYPE_2;  
43.         else  
44.             return TYPE_3;  
45.     }  
46.   
47. //  这个方法必须重写
48. //  获得几种布局模板
49.     @Override  
50.     public int getViewTypeCount() {  
51.         return 3;  
52.     }  
53.   
54.     @Override  
55.     public View getView(int position, View convertView, ViewGroup parent) {  
56.         ViewHolder1 holder1 = null;  
57.         ViewHolder2 holder2 = null;  
58.         ViewHolder3 holder3 = null;  
59.         int type = getItemViewType(position);  
60.         if (convertView == null) {  
61.             inflater = LayoutInflater.from(context);  
62. 
    
63.             // 这里使用switch 最好了，根据布局类型，来加载什么布局模板
64.             switch (type) {  
65.             case TYPE_1:  
66.   
67.                 convertView = inflater.inflate(R.layout.item_type1,  
68.                         parent, false);  
69.                 holder1 = new ViewHolder1();  
70.                 holder1.name = (TextView) convertView  
71.                         .findViewById(R.id.tv_list1_name);  
72.                 holder1.age = (TextView) convertView  
73.                         .findViewById(R.id.tv_list1_age);  
74.                 convertView.setTag(holder1);  
75.                 break;  
76.             case TYPE_2:  
77.                 convertView = inflater.inflate(R.layout.item_type2,  
78.                         parent, false);  
79.                 holder2 = new ViewHolder2();  
80.                 holder2.name = (TextView) convertView  
81.                         .findViewById(R.id.tv_list2_name);  
82.                 holder2.age = (TextView) convertView  
83.                         .findViewById(R.id.tv_list2_age);  
84.                 convertView.setTag(holder2);  
85.                 break;  
86.             case TYPE_3:  
87.                 convertView = inflater.inflate(R.layout.item_type3,  
88.                         parent, false);  
89.                 holder3 = new ViewHolder3();  
90.                 holder3.name = (TextView) convertView  
91.                         .findViewById(R.id.tv_list3_name);  
92.                 holder3.age = (TextView) convertView  
93.                         .findViewById(R.id.tv_list3_age);  
94.                 convertView.setTag(holder3);  
95.                 break;  
96.             }  

1.   
2.         } else {  
3.             switch (type) {  
4.             case TYPE_1:  
5.                 holder1 = (ViewHolder1) convertView.getTag();  
6.                 break;  
7.             case TYPE_2:  
8.                 holder2 = (ViewHolder2) convertView.getTag();  
9.                 break;  
10.             case TYPE_3:  
11.                 holder3 = (ViewHolder3) convertView.getTag();  
12.                 break;  
13.             }  
14.         }  

// 这里用个switch来做判断最好了，根据加载时哪种布局，给这个布局上的控件赋值

1.         switch (type) {  
2.         case TYPE_1:  
3.             holder1.name.setText("" + (position + 1));  
4.             holder1.age.setText(lists.get(position).get("age").toString());  
5.             break;  
6.         case TYPE_2:  
7.             holder2.name.setText("" + (position + 1));  
8.             holder2.age.setText(ls.get(position).get("age").toString());  
9.             holder2.totaldistance2.setText(lists.get(position);  
10.             break;  
11.         case TYPE_3:  
12.             holder3.name.setText("" + (position + 1));  
13.             holder3.age.setText(lists.get(position).get("age").toString());  
14.             break;  
15.         }  
16.   
17.         return convertView;  
18.     }  
19.   
20.     public class ViewHolder1 {  
21.         TextView name;  
22.         TextView age;  
23.     }  
24.   
25.     public class ViewHolder2 {  
26.         TextView name;  
27.         TextView age;  
28.     }  
29.   
30.     public class ViewHolder3 {  
31.         TextView name;  
32.         TextView age;  
33.     }  
34. }  

         

第二步：接下来 就是在ListView上显示这三种不同的布局了 

 

[java]  view plain  copy

 

1. private CustomAdapter customAdapter;    
2. ArrayList<HashMap<String, Object>> lists;
3. ListView listView;
4. lists=new ArrayList<HashMap<String, Object>>();    
5. customAdapter=new CustomAdapter(this, lists);
6. listView = (Listview) view.findViewById(R.id.lv_listView);
7. listView.setAdapter(customAdapter);