Android ListView – Holder模式和getItemViewType

在Mobile开发:Android-ListView中介绍了在Android中如何使用ListView,以及为数据模型自定义Item的UI. 这一篇要将两个方面的内容:Holder模式和getItemViewType的应用。

Holder模式

模式这个词语是通过GOF的《设计模式》这本书而引入软件设计领域的。在软件设计领域里面，模式是指为解决特定问题而存在的通用解决方案。这个特定的问题如果在软件设计领域广泛存在，那么该解决方案就有记录和传播的价值。

Holder模式要解决的是性能问题：

场景：在我们的Adapter中每次都要从row中通过findViewById来找到子控件，然后设置值。如果row的布局比较复杂，或者row的数目特别多。这个查找就要不断发生。从而导致性能问题。

方案：在row第一次被构建出来的时候，调用findViewById, 通过Holder对象存储起来,然后把Holder对象通过row.setTag方法，直接缓存在row上。这样下次就不用在查找了。

看看下面的代码：

[java] view plaincopy

1. @Override  
2. public View getView(int position, View convertView, ViewGroup parent) {  
3.     try {  
4.         Restaurant item = this.getItem(position);  
5.         View row = convertView;  
6.         RestaurantListViewItemHolder holder=null;  
7.         if (row == null) {  
8.             LayoutInflater inflater = LayoutInflater  
9.                     .from(this.getContext());  
10.             if(!item.isGoldenBrand())  
11.             row = inflater  
12.                     .inflate(R.layout.restaurant_list_view_item, null);  
13.             else row=inflater.inflate(R.layout.restaurant_list_view_item_golden, null);  
14.    
15.             holder = createRestaurantListViewItemHolder(row,item.isGoldenBrand());  
16.             row.setTag(holder);  
17.         }else{  
18.             holder=(RestaurantListViewItemHolder)row.getTag();  
19.         }         
20.    
21.         holder.UpdateUI(item);  
22.         return row;  
23.     } catch (Exception e) {  
24.         Log.e(LogTags.RestaurantListAdapter, e.getLocalizedMessage(), e);  
25.     }  
26.     return super.getView(position, convertView, parent);  
27. }  
28.    
29. /** 
30.  * Create a holder for a row in list,when the row is first loaded. 
31.  * @param row 
32.  * @return 
33.  */  
34. private RestaurantListViewItemHolder createRestaurantListViewItemHolder(  
35.         View row,boolean isGoldenBrand) {  
36.     TextView txtName = (TextView) row  
37.             .findViewById(R.id.restaurant_name);  
38.     TextView txtPhoneNR = (TextView) row  
39.             .findViewById(R.id.restaurant_phone_nr);  
40.     TextView txtLocation = (TextView) row  
41.             .findViewById(R.id.restaurant_address);  
42.     ImageView imgIcon=(ImageView) row.findViewById(R.id.restaurent_icon);  
43.     TextView txtDescription=null;  
44.     if(isGoldenBrand)  
45.         txtDescription=(TextView)row.findViewById(R.id.restaurant_description_direct);  
46.     return new RestaurantListViewItemHolder(txtPhoneNR,txtName,txtLocation,  
47.             imgIcon,txtDescription);  
48. }  

上面的代码由于混合了和getItemViewType有关的内容。所以看起来有点和上篇中不同。其主要代码在第15,16,18，21行。

• 第15行：通过调用createRestaurantListViewItemHolder来构造一个Holder对象。
• 第16行：调用row.setTag将Holder关联到row对象上。
• 第18行：如果row对象不是新构建的，直接获取row上的Tag,这个Tag对象就是我们在第16行存储的RestaurantListViewItemHolder对象。
• 第21行：调用holder.UpdateUI来更新UI。

上面的代码中已经用到了RestaurantListViewItemHolder,下面是代码文件。逻辑非常的简单。

[java] view plaincopy

1. package net.lxzhu.mobile;  
2.    
3. import android.widget.ImageView;  
4. import android.widget.TextView;  
5.    
6. public class RestaurantListViewItemHolder {  
7.     private TextView phoneNumberUI;  
8.     private TextView nameUI;  
9.     private TextView addressUI;  
10.     private ImageView iconUI;  
11.     private TextView descriptionUI;  
12.    
13.     public RestaurantListViewItemHolder(TextView phoneNumberUI,  
14.             TextView nameUI, TextView addressUI, ImageView iconUI,TextView descriptionUI) {  
15.         this.phoneNumberUI=phoneNumberUI;  
16.         this.nameUI=nameUI;  
17.         this.addressUI=addressUI;  
18.         this.iconUI=iconUI;  
19.         this.descriptionUI=descriptionUI;  
20.     }  
21.    
22.     public void UpdateUI(Restaurant data){  
23.         this.phoneNumberUI.setText(data.getPhoneNR());  
24.         this.nameUI.setText(data.getName());  
25.         this.addressUI.setText(data.getAddress());  
26.         this.iconUI.setImageResource(R.drawable.ic_launcher);  
27.         if(this.descriptionUI!=null)  
28.             this.descriptionUI.setText(data.getDescription());  
29.     }  
30. }  

getItemViewType

假设我们的UI设计有这样一个需求。如果一家餐馆被评为金牌场馆，那么它可以直接将最近的一条点评显示在列表中，这样用户不用选中或者点击就可以看到评价了。

这就是为什么我们上面的代码中出现了isGoldenBrand这样的代码。到目前为止，我们的ListView中的每个Item都是一样的。而这个需求却让我们根据数据的不同出现了不同的布局。AdapterView已经提供了支持，我们只需要：

1. 重写getViewTypeCount方法，返回可能出现的布局的数目。
2. 重写getItemViewType方法，这个方法返回0到getViewTypeCount()-1之间的数字或者IGNORE_ITEM_VIEW_TYPE. 这个方法返回的id必须要和getView方法中返回的View匹配：在getView中返回相同类型View的position, getItemViewType应该返回同一个id.
3. 在getView中根据数据不同，返回不同的View。

下面是getViewTypeCount和getItemViewType的代码，getView的代码前面已经给出，这里就不在重复了。

[java] view plaincopy

1. @Override  
2. public int getViewTypeCount() {  
3.     return 2;  
4. }  
5.    
6. @Override  
7. public int getItemViewType(int position) {  
8.     Restaurant data=this.getItem(position);  
9.     if(!data.isGoldenBrand())  
10.         return 0;  
11.     else return 1;  
12. }  

其实我们这里的需求不使用这种模式也可以开发出来。但是如果需求中对金牌餐馆的布局和普通餐馆布局有很大的不同的话。这个功能就非常实用了。下面是修改后的代码的执行结果。