51CTO編者按：本文為一名參加過09年Google IO大會的開發(fā)者的一篇把關(guān)于移動應(yīng)用方面的主題不錯(cuò)的PPT改編的文章，對移動應(yīng)用開發(fā)者是很有幫助的。其實(shí)51CTO也有一篇“Android UI”設(shè)計(jì)官方教程，感興趣的朋友也可以看一下。

Android在UI優(yōu)化方面可以從以下五個(gè)方面入手：

◆Adapter優(yōu)化

◆背景和圖片優(yōu)化

◆繪圖優(yōu)化

◆視圖和布局優(yōu)化

◆內(nèi)存分配優(yōu)化

Adapter優(yōu)化

什么是Adapter？

Adapter在Android中占據(jù)一個(gè)重要的角色，它是數(shù)據(jù)和UI（View）之間一個(gè)重要的紐帶。在常見的View(ListView,GridView)等地方都需要用到Adapter。如圖1直觀的表達(dá)了Data、Adapter、View三者的關(guān)系。

圖1 Adapter、數(shù)據(jù)、UI三者關(guān)系

一、Android中Adapter

圖2：Android中Adapter類型層級圖

由圖2我們可以看到在Android中與Adapter有關(guān)的所有接口、類的完整層級圖。在我們使用過程中可以根據(jù)自己的需求實(shí)現(xiàn)接口或者繼承類進(jìn)行一定的擴(kuò)展。比較常用的有 BaseAdapter，ArrayAdapter，SimpleCursorAdapter等。

BaseAdapter是一個(gè)抽象類，繼承它需要實(shí)現(xiàn)較多的方法，所以也就具有較高的靈活性；

ArrayAdapter支持泛型操作，通常需要實(shí)現(xiàn)getView方法，特殊情況下（結(jié)合數(shù)據(jù)row id），為了讓ui事件相應(yīng)處理方便點(diǎn)最好重寫getItemId；

SimpleCursorAdapter可以適用于簡單的純文字型ListView，它需要Cursor的字段和UI的id對應(yīng)起來。如需要實(shí)現(xiàn)更復(fù)雜的UI也可以重寫其他方法。

二、一個(gè)繼承BaseAdapter的類的代碼段

 1: /**  
 2:  * 歌曲列表適配器  
 3:  *   
 4:  * @version 2010-11-24 下午05:13:33  
 5:  * @author Hal  
 6:  */  
 7: public class AudioListAdapter extends BaseAdapter {  
 8:    
 9:     private Context mContext;  
10:    
11:     // 歌曲集合  
12:     private ArrayList<Audio> mAudios;  
13:    
14:     public AudioListAdapter(Context mContext, ArrayList<Audio> mAudios) {  
15:         this.mContext = mContext;  
16:         this.mAudios = mAudios;  
17:     }  
18:    
19:     @Override  
20:     public int getCount() {  
21:         return mAudios != null ? mAudios.size() : 0;  
22:     }  
23:    
24:     @Override  
25:     public Object getItem(int position) {  
26:         if ((mAudios != null && mAudios.size() > 0) && (position >= 0 && position < mAudios.size())) {  
27:             return mAudios.get(position);  
28:         }  
29:         return null;  
30:     }  
31:    
32:     /**  
33:      * 如果集合中的對象數(shù)據(jù)來自數(shù)據(jù)庫，建議此方法返回該對象在數(shù)據(jù)庫中的ID  
34:      */  
35:     @Override  
36:     public long getItemId(int position) {  
37:         if ((mAudios != null && mAudios.size() > 0) && (position >= 0 && position < mAudios.size())) {  
38:             return mAudios.get(position).getId();  
39:         }  
40:         return position;  
41:     }  
42:    
43:     @Override  
44:     public View getView(int position, View convertView, ViewGroup parent) {  
45:         //TODO 返回自定的View  
46:     } 

Adapter與View的連接主要依靠getView這個(gè)方法返回我們需要的自定義view。ListView是Android app中一個(gè)最最最常用的控件了，所以如何讓ListView流暢運(yùn)行，獲取良好的用戶體驗(yàn)是非常重要的。對ListView優(yōu)化就是對Adapter中的getView方法進(jìn)行優(yōu)化。09年的Google IO大會給出的優(yōu)化建議如下：

Adapter優(yōu)化示例代碼：

@Override  
public View getView(int position, View convertView, ViewGroup parent) {  
    Log.d("MyAdapter", "Position:" + position + "---"  
            + String.valueOf(System.currentTimeMillis()));  
    ViewHolder holder;  
     if (convertView == null) {  
        final LayoutInflater inflater = (LayoutInflater) mContext  
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
        convertView = inflater.inflate(R.layout.list_item_icon_text, ull);  
        holder = new ViewHolder();  
        holder.icon = (ImageView) convertView.findViewById(R.id.icon);  
        holder.text = (TextView) convertView.findViewById(R.id.text);  
        convertView.setTag(holder);  
    } else {  
        holder = (ViewHolder) convertView.getTag();  
    }  
    holder.icon.setImageResource(R.drawable.icon);  
    holder.text.setText(mData[position]);  
    return convertView;  
}  
   
static class ViewHolder {  
    ImageView icon;  
   
    TextView text;  

以上是Google io大會上給出的優(yōu)化建議，經(jīng)過嘗試ListView確實(shí)流暢了許多。

@Override  
public View getView(int position, View convertView, ViewGroup parent) {  
     Log.d("MyAdapter", "Position:" + position + "---"  
             + String.valueOf(System.currentTimeMillis()));  
         final LayoutInflater inflater = (LayoutInflater) mContext  
                 .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
        View v = inflater.inflate(R.layout.list_item_icon_text, null);  
         ((ImageView) v.findViewById(R.id.icon)).setImageResource(R.drawable.icon);  
         ((TextView) v.findViewById(R.id.text)).setText(mData[position]);  
        return v;  
 }  

以上是不建議的做法?。?/p>

不過我們還是要懷疑一下，SO，我們還是來測試對比一下。

測試說明：

大家可以看到在getView的時(shí)候我們通過log打印出position和當(dāng)前系統(tǒng)時(shí)間。我們通過初始化1000條數(shù)據(jù)到Adapter顯示到ListView，然后滾動到底部，計(jì)算出position=0和position=999時(shí)的時(shí)間間隔。

測試機(jī)子：HTC Magic

測試實(shí)錄：打開測序，讓ListView一直滾動底部。

測試結(jié)果：

兩種情況在操作過程中體驗(yàn)明顯不同，在優(yōu)化的情況下流暢很多很多！

1、優(yōu)化建議測試結(jié)果

12-05 10:44:46.039: DEBUG/MyAdapter(13929): Position:0---1291517086043   
12-05 10:44:46.069: DEBUG/MyAdapter(13929): Position:1---1291517086072   
12-05 10:44:46.079: DEBUG/MyAdapter(13929): Position:2---1291517086085  
 
……  
 
12-05 10:45:04.109: DEBUG/MyAdapter(13929): Position:997---1291517104112   
12-05 10:45:04.129: DEBUG/MyAdapter(13929): Position:998---1291517104135   
12-05 10:45:04.149: DEBUG/MyAdapter(13929): Position:999---1291517104154  
 
耗時(shí)：17967  
 

2、沒優(yōu)化的測試結(jié)果

12-05 10:51:42.569: DEBUG/MyAdapter(14131): Position:0---1291517502573   
12-05 10:51:42.589: DEBUG/MyAdapter(14131): Position:1---1291517502590   
12-05 10:51:42.609: DEBUG/MyAdapter(14131): Position:2---1291517502617  
 
……  
 
12-05 10:52:07.079: DEBUG/MyAdapter(14131): Position:998---1291517527082   
12-05 10:52:07.099: DEBUG/MyAdapter(14131): Position:999---1291517527108   
 
耗時(shí)：24535  
 

在1000條記錄的情況下就有如此差距，一旦數(shù)據(jù)nW+，ListView的Item布局更加復(fù)雜的時(shí)候，優(yōu)化的作用就更加突出了！

【編輯推薦】

1. 多圖詳解 “Android UI”設(shè)計(jì)官方教程
2. 多圖詳解 “Android UI”設(shè)計(jì)官方教程(二)
3. 對Android UI實(shí)例全解析
4. 怎樣進(jìn)行Android UI元素設(shè)計(jì)
5. Android UI設(shè)計(jì)大有可為 或可超越iPhone(視頻)