Android控件组合应用一

        Android在UI部分为应用程序开发人员提供了极大的便利和灵活性，在此就不一一列举了，本文拟通过一个小例子窥见一斑。

    很多用过新浪微博手机客户端Android版本的童鞋想必都对其主界面的效果印象深刻，见下左图：

     

 

    从图中可以看到，主体的列表框是个很复杂的部分，既要能显示头像、微博内容，又要能在微博内容中显示表情、图片、@某人、URL，这些元素混杂在一起，对于某些平台（你懂的J）的UI开发来讲，简直太难了。但在Android上来开发，确实很容易实现，右图就是本程序的运行结果，重点展现了列表框部分的仿照。当然，所用的图片都是来自于新浪的了。

 

    下面，我们就一起来看一下这个效果的代码实现。

    首先，需要定义数据模型，主要的数据抽象是Site、Blog、User，分别代表网站、博文、用户，数据模型如下图所示：

 

 

    具体成员的含义就不解释了。如果你没用过新浪微博，建议去用一下，或者可以参考http://open.weibo.com/中的开发文档。（其实本文的源码来源于一个聚合了新浪微博和搜狐微博两家网站的Android应用，里面利用了两家网站的开放API实现了一些功能，这里已经把网络通信和业务逻辑全去掉了，原谅我吧）。

 

    这几个类的代码如下：

 

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; } }

 

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; } }

 

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; } }

 

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"); } }

 

    先熟悉一下这些代码，下次就利用这些数据来制作基本的列表框。

 

——欢迎转载，转载请注明出处 http://blog.csdn.net/caowenbin ——