Android在UI部分為應用程序開發人員提供了極大的便利和靈活性，在此就不一一列舉了，本文擬通過一個小例子窺見一斑。

很多用過新浪微博手機客戶端Android版本的童鞋想必都對其主界面的效果印象深刻，見下左圖：

從圖中可以看到，主體的列表框是個很復雜的部分，既要能顯示頭像、微博內容，又要能在微博內容中顯示表情、圖片、@某人、URL，這些元素混雜在一起，對于某些平臺的UI開發來講，簡直太難了。但在Android上來開發，確實很容易實現，右圖就是本程序的運行結果，重點展現了列表框部分的仿照。當然，所用的圖片都是來自于新浪的了。

下面，我們就一起來看一下這個效果的代碼實現。

首先，需要定義數據模型，主要的數據抽象是Site、Blog、User，分別代表網站、博文、用戶，數據模型如下圖所示：

具體成員的含義就不解釋了。如果你沒用過新浪微博，建議去用一下，或者可以參考http://open.weibo.com/中的開發文檔。

這幾個類的代碼如下：

view plaincopy to clipboardprint?  
package com.wenbin.test.site;    
    
public class User{    
    private String profileImageUrl="http://tp3.sinaimg.cn/1500460450/50/1289923764/0";    
    private String screenName="測試";    
    private boolean verified=false;    
    
    public User(){    
            
    }    
    
    public String getProfileImageUrl(){    
        return profileImageUrl;    
    }    
    
    public String getScreenName(){    
        return screenName;    
    }    
    
    public void setProfileImageUrl(String profileImageUrl) {    
        this.profileImageUrl = profileImageUrl;    
    }    
    
    public void setScreenName(String screenName) {    
        this.screenName = screenName;    
    }    
    
    public void setVerified(boolean verified) {    
        this.verified = verified;    
    }    
    
    public boolean isVerified(){    
        return verified;    
    }    
}   

view plaincopy to clipboardprint?  
package com.wenbin.test.site;    
    
import java.util.Date;    
    
public class Blog implements Comparable<Blog>{    
    
    private Date createAt=new Date(System.currentTimeMillis());    
    private Blog retweetedBlog;    
    private String text="就算把我打的遍體鱗傷也見不得會[淚]？http://blog.csdn.net/caowenbin @移動云_曹文斌 。";    
    private String smallPic="";    
    private String source="IE9";    
    private User user;    
    private Site site;    
    
    public Blog(){    
    
    }    
        
    public Blog(Site site){    
        this.site=site;    
    }    
    
    public boolean isHaveRetweetedBlog(){    
        return retweetedBlog!=null;    
    }    
        
    public Blog getRetweetedBlog(){    
        return retweetedBlog;    
    }    
    
    
    public String getText(){    
        return text;    
    }    
    
    public User getUser(){    
        return user;    
    }    
        
    public String getSmallPic(){    
        return smallPic;    
    }    
    
    public void setRetweetedBlog(Blog retweetedBlog) {    
        this.retweetedBlog = retweetedBlog;    
    }    
    
    public void setText(String text) {    
        this.text = text;    
    }    
        
    public String getInReplyUserScreenName(){    
        if (retweetedBlog!=null && retweetedBlog.getUser()!=null)    
            return retweetedBlog.getUser().getScreenName();    
        else    
            return "";          
    }    
        
    public String getInReplyBlogText(){    
        if (retweetedBlog!=null)    
            return retweetedBlog.getText();    
        else    
            return "";      
    }    
        
    public void setPic(String smallPic){    
        this.smallPic=smallPic;    
    }    
    
    public void setUser(User user) {    
        this.user = user;    
    }    
    
    public int compareTo(Blog another) {    
        int ret=0;    
    
        if (this.createAt.before(another.createAt)){    
            ret=-1;    
        }    
        else if (this.createAt.after(another.createAt)){    
            ret=1;    
        }    
        else{    
            ret=0;      
        }    
    
        return ret;    
    }    
    
    public void setSource(String source) {    
        this.source = source;    
    }    
    
    public String getSource() {    
        return source;    
    }    
    
    public void setSite(Site site) {    
        this.site = site;    
    }    
    
    public Site getSite() {    
        return site;    
    }    
    
}   

view plaincopy to clipboardprint?  
package com.wenbin.test.site;    
    
import java.util.HashMap;    
import java.util.Iterator;    
import java.util.Map;    
import java.util.Set;    
import java.util.TreeSet;    
    
    
public abstract class Site{    
    
    protected Set<Blog> blogs=new TreeSet<Blog>();    
    protected String name;    
    protected Map<String,String> faceMap=new HashMap<String,String>();    
    
    public Site() {    
        onConstruct();    
    }    
    
    protected abstract void onConstruct();    
        
    public Map<String, String> getFaceMap() {    
        return faceMap;    
    }    
        
    public Set<Blog> getBlogs(){    
        return blogs;    
    }    
        
    public long getBlogsCount(){    
        return blogs.size();    
    }    
        
    public void addBlog(Blog blog){    
        blogs.add(blog);    
    }    
        
    public void removeBlog(Blog blog){    
        blogs.remove(blog);    
    }    
        
    public Iterator<Blog> getBlogsIterator(){    
        return blogs.iterator();    
    }    
        
    public void clearBlogs(){    
        blogs.clear();    
    }    
    
    public String getName(){    
        return name;    
    }    
}   

view plaincopy to clipboardprint?  
package com.wenbin.test.site;    
    
public class SinaSite extends Site {    
    
    protected void onConstruct(){    
        name="新浪微博";    
        initFaceMap();    
    }    
    
    private void initFaceMap(){    
        faceMap.put("[呵呵]", "hehe");    
        faceMap.put("[嘻嘻]", "xixi");    
        faceMap.put("[哈哈]", "haha");    
        faceMap.put("[愛你]", "aini");    
        faceMap.put("[暈]", "yun");    
        faceMap.put("[淚]", "lei");    
    }    
}   

先熟悉一下這些代碼，下次就利用這些數據來制作基本的列表框。

【編輯推薦】

1. 詳解Android首選項框架ListPreference
2. 谷歌最新平板系統Android 3.1細節詳解
3. 深入淺出 詳解Android Surface系統
4. 在Windows系統上安裝與使用Android NDK r5
5. Android開發：自定義GridView/ListView數據源