android开发我的新浪微博客户端-用户首页面功能篇(5.2)

      上一篇完成用户首页的UI实现，本篇接下来讲功能部分的实现，本页面主要的功能就用户关注的最新微博列表，从上一篇中知道本列表是用ID为 Msglist的ListView控件来实现，本篇的主要就讲解如果获取微博列表数据给这个ListView提供显示数据。ListView每一条子数据分别由用户头像、用户昵称、发布时间、是否包含照片、微博内容这五部分组成，根据这五部分定义一个名为WeiBoInfo.java实体类，代码如下：

1. public class WeiBoInfo {
   
2.     //文章id
   
3.     private String id;
   
4.     public String getId(){
   
5.         return id;
   
6.     }
   
7.     public void setId(String id){
   
8.         this.id=id;
   
9.     }
   
10.     //发布人id
    
11.     private String userId;
    
12.     public String getUserId(){
    
13.         return userId;
    
14.     }
    
15.     public void setUserId(String userId){
    
16.         this.userId=userId;
    
17.     }
    
18.    
    
19.     //发布人名字
    
20.     private String userName;
    
21.     public String getUserName(){
    
22.         return userName;
    
23.     }
    
24.     public void setUserName(String userName){
    
25.         this.userName=userName;
    
26.     }
    
27.    
    
28.     //发布人头像
    
29.     private String userIcon;
    
30.     public String getUserIcon(){
    
31.         return userIcon;
    
32.     }
    
33.     public void setUserIcon(String userIcon){
    
34.         this.userIcon=userIcon;
    
35.     }
    
36.    
    
37.     //发布时间
    
38.     private String time;
    
39.     public String getTime(){
    
40.         return time;
    
41.     }
    
42.     public void setTime(String time)
    
43.     {
    
44.         this.time=time;
    
45.     }
    
46.    
    
47.     //是否有图片
    
48.     private Boolean haveImage=false;
    
49.     public Boolean getHaveImage(){
    
50.         return haveImage;
    
51.     }
    
52.     public void setHaveImage(Boolean haveImage){
    
53.         this.haveImage=haveImage;
    
54.     }
    
55.    
    
56.     //文章内容
    
57.     private String text;
    
58.     public String getText(){
    
59.         return text;
    
60.     }
    
61.     public void setText(String text){
    
62.         this.text=text;
    
63.     }
    
64.    
    
65. }

复制代码

然后在res/layout目录下新建名为weibo.xml的Layout用来控制ListView子项的显示部件，代码很简单不多解释了，直接看下面代码：

1. 
   
3.   xmlns:=""
   
4.   android:layout_width="wrap_content"
   
5.   android:layout_height="wrap_content"
   
6.   android:orientation="horizontal">
   
7.   
8.   android:id="@+id/wbicon"
   
9.   android:layout_width="wrap_content"
   
10.   android:layout_height="wrap_content"
    
11.   android:src="@drawable/usericon"
    
12.   android:layout_margin="8px">
    
13.   
    
14.   
15.   android:layout_width="fill_parent"
    
16.   android:layout_height="wrap_content"
    
17.   android:orientation="vertical"
    
18.   android:paddingLeft="0px"
    
19.   android:paddingRight="5px"
    
20.   android:layout_marginTop="5px"
    
21.   android:layout_marginBottom="5px">
    
22.   
23.   android:layout_width="fill_parent"
    
24.   android:layout_height="wrap_content">
    
25.   
26.   android:id="@+id/wbuser"
    
27.   android:layout_width="wrap_content"
    
28.   android:layout_height="wrap_content"
    
29.   android:textSize="15px"
    
30.   android:textColor="#424952"
    
31.   android:layout_alignParentLeft="true">
    
32.   
    
33.   
34.   android:id="@+id/wbimage"
    
35.   android:layout_width="wrap_content"
    
36.   android:layout_height="wrap_content"
    
37.   android:layout_marginTop="3px"
    
38.   android:layout_marginRight="5px"
    
39.   android:layout_toLeftOf="@+id/wbtime">
    
40.   
    
41.   
42.   android:id="@+id/wbtime"
    
43.   android:layout_width="wrap_content"
    
44.   android:layout_height="wrap_content"
    
45.   android:layout_alignParentRight="true"
    
46.   android:textColor="#f7a200"
    
47.   android:textSize="12px">
    
48.   
    
49.   
    
50.   
51.   android:id="@+id/wbtext"
    
52.   android:layout_width="wrap_content"
    
53.   android:layout_height="wrap_content"
    
54.   android:textColor="#424952"
    
55.   android:textSize="13px"
    
56.   android:layout_marginTop="4px">
    
57.   
    
58.   
    

复制代码

接下来为列表控件定义一个数据Adapter，代码如下：

1. private List wbList;
   
2. 
   
3. //微博列表Adapater
   
4.     public class WeiBoAdapater extends BaseAdapter{
   
5. 
   
6.         private AsyncImageLoader asyncImageLoader;
   
7.         
   
8.         @Override
   
9.         public int getCount() {
   
10.             return wbList.size();
    
11.         }
    
12. 
    
13.         @Override
    
14.         public Object getItem(int position) {
    
15.             return wbList.get(position);
    
16.         }
    
17. 
    
18.         @Override
    
19.         public long getItemId(int position) {
    
20.             return position;
    
21.         }
    
22. 
    
23.         @Override
    
24.         public View getView(int position, View convertView, ViewGroup parent) {
    
25.             asyncImageLoader = new AsyncImageLoader();
    
26.             convertView = LayoutInflater.from(getApplicationContext()).inflate(R.layout.weibo, null);
    
27.             WeiBoHolder wh = new WeiBoHolder();
    
28.             wh.wbicon = (ImageView) convertView.findViewById(R.id.wbicon);
    
29.             wh.wbtext = (TextView) convertView.findViewById(R.id.wbtext);
    
30.             wh.wbtime = (TextView) convertView.findViewById(R.id.wbtime);
    
31.             wh.wbuser = (TextView) convertView.findViewById(R.id.wbuser);
    
32.             wh.wbimage=(ImageView) convertView.findViewById(R.id.wbimage);
    
33.             WeiBoInfo wb = wbList.get(position);
    
34.             if(wb!=null){
    
35.                 convertView.setTag(wb.getId());
    
36.                 wh.wbuser.setText(wb.getUserName());
    
37.                 wh.wbtime.setText(wb.getTime());
    
38.                 wh.wbtext.setText(wb.getText(), TextView.BufferType.SPANNABLE);
    
39.                 textHighlight(wh.wbtext,new char[]{'#'},new char[]{'#'});
    
40.                 textHighlight(wh.wbtext,new char[]{'@'},new char[]{':',' '});
    
41.                 textHighlight2(wh.wbtext,"http://"," ");
    
42.                
    
43.                 if(wb.getHaveImage()){
    
44.                     wh.wbimage.setImageResource(R.drawable.images);
    
45.                 }
    
46.                 Drawable cachedImage = asyncImageLoader.loadDrawable(wb.getUserIcon(),wh.wbicon, new ImageCallback(){
    
47. 
    
48.                     @Override
    
49.                     public void imageLoaded(Drawable imageDrawable,ImageView imageView, String imageUrl) {
    
50.                         imageView.setImageDrawable(imageDrawable);
    
51.                     }
    
52.                     
    
53.                 });
    
54.                  if (cachedImage == null) {
    
55.                      wh.wbicon.setImageResource(R.drawable.usericon);
    
56.                     }else{
    
57.                         wh.wbicon.setImageDrawable(cachedImage);
    
58.                     }
    
59.             }
    
60.             
    
61.             return convertView;
    
62.         }

复制代码

上面的这个Adapter实现没有什么特别的很普通，不过这个中使用了AsyncImageLoader的方法，这个是用来实现用户头像图标的异步载入显示，这样能提高列表显示的速度，提高用户体验，AsyncImageLoader的代码如下：

1. public class AsyncImageLoader {
   
2.     //SoftReference是软引用，是为了更好的为了系统回收变量
   
3.     private HashMap> imageCache;
   
4.     public AsyncImageLoader() {
   
5.         imageCache = new HashMap>();
   
6.     }
   
7.    
   
8.     public Drawable loadDrawable(final String imageUrl,final ImageView imageView, final ImageCallback imageCallback){
   
9.         if (imageCache.containsKey(imageUrl)) {
   
10.             //从缓存中获取
    
11.             SoftReference softReference = imageCache.get(imageUrl);
    
12.             Drawable drawable = softReference.get();
    
13.             if (drawable != null) {
    
14.                 return drawable;
    
15.             }
    
16.         }
    
17.         final Handler handler = new Handler() {
    
18.             public void handleMessage(Message message) {
    
19.                 imageCallback.imageLoaded((Drawable) message.obj, imageView,imageUrl);
    
20.             }
    
21.         };
    
22.         //建立新一个新的线程下载图片
    
23.         new Thread() {
    
24.             @Override
    
25.             public void run() {
    
26.                 Drawable drawable = loadImageFromUrl(imageUrl);
    
27.                 imageCache.put(imageUrl, new SoftReference(drawable));
    
28.                 Message message = handler.obtainMessage(0, drawable);
    
29.                 handler.sendMessage(message);
    
30.             }
    
31.         }.start();
    
32.         return null;
    
33.     }
    
34.    
    
35.     public static Drawable loadImageFromUrl(String url){
    
36.         URL m;
    
37.         InputStream i = null;
    
38.         try {
    
39.             m = new URL(url);
    
40.             i = (InputStream) m.getContent();
    
41.         } catch (MalformedURLException e1) {
    
42.             e1.printStackTrace();
    
43.         } catch (IOException e) {
    
44.             e.printStackTrace();
    
45.         }
    
46.         Drawable d = Drawable.createFromStream(i, "src");
    
47.         return d;
    
48.     }
    
49.    
    
50.     //回调接口
    
51.     public interface ImageCallback {
    
52.         public void imageLoaded(Drawable imageDrawable,ImageView imageView, String imageUrl);
    
53.     }
    
54. }

复制代码

完成上述的工作后，接下来就是显示微薄列表， 在HomeActivity的onCreate方法中调用loadList();代码如下：

1. @Override
   
2.     public void onCreate(Bundle savedInstanceState) {
   
3.         super.onCreate(savedInstanceState);
   
4.         setContentView(R.layout.home);
   
5.         
   
6.         。。。。。。
   
7.         loadList();
   
8.     }
   
9. 
   
10. private void loadList(){
    
11.         if(ConfigHelper.nowUser==null)
    
12.         {
    
13.             
    
14.         }
    
15.         else
    
16.         {
    
17.             user=ConfigHelper.nowUser;
    
18.             //显示当前用户名称
    
19.             TextView showName=(TextView)findViewById(R.id.showName);
    
20.             showName.setText(user.getUserName());
    
21.             
    
22.             OAuth auth=new OAuth();
    
23.             String url = "";
    
24.             List params=new ArrayList();
    
25.             params.add(new BasicNameValuePair("source", auth.consumerKey));
    
26.             HttpResponse response =auth.SignRequest(user.getToken(), user.getTokenSecret(), url, params);
    
27.             if (200 == response.getStatusLine().getStatusCode()){
    
28.                 try {
    
29.                     InputStream is = response.getEntity().getContent();
    
30.                     Reader reader = new BufferedReader(new InputStreamReader(is), 4000);
    
31.                     StringBuilder buffer = new StringBuilder((int) response.getEntity().getContentLength());
    
32.                     try {
    
33.                         char[] tmp = new char[1024];
    
34.                         int l;
    
35.                         while ((l = reader.read(tmp)) != -1) {
    
36.                             buffer.append(tmp, 0, l);
    
37.                         }
    
38.                     } finally {
    
39.                         reader.close();
    
40.                     }
    
41.                     String string = buffer.toString();
    
42.                     //Log.e("json", "rs:" + string);
    
43.                     response.getEntity().consumeContent();
    
44.                     JSONArray data=new JSONArray(string);
    
45.                     for(int i=0;i
46.                     {
    
47.                         JSONObject d=data.getJSONObject(i);
    
48.                         //Log.e("json", "rs:" + d.getString("created_at"));
    
49.                         if(d!=null){
    
50.                             JSONObject u=d.getJSONObject("user");
    
51.                             if(d.has("retweeted_status")){
    
52.                                 JSONObject r=d.getJSONObject("retweeted_status");
    
53.                             }
    
54.                            
    
55.                             //微博id
    
56.                             String id=d.getString("id");
    
57.                             String userId=u.getString("id");
    
58.                             String userName=u.getString("screen_name");
    
59.                             String userIcon=u.getString("profile_image_url");
    
60.                             Log.e("userIcon", userIcon);
    
61.                             String time=d.getString("created_at");
    
62.                             String text=d.getString("text");
    
63.                             Boolean haveImg=false;
    
64.                             if(d.has("thumbnail_pic")){
    
65.                                 haveImg=true;
    
66.                                 //String thumbnail_pic=d.getString("thumbnail_pic");
    
67.                                 //Log.e("thumbnail_pic", thumbnail_pic);
    
68.                             }
    
69.                            
    
70.                             Date date=new Date(time);
    
71.                             time=ConvertTime(date);
    
72.                             if(wbList==null){
    
73.                                 wbList=new ArrayList();
    
74.                             }
    
75.                             WeiBoInfo w=new WeiBoInfo();
    
76.                             w.setId(id);
    
77.                             w.setUserId(userId);
    
78.                             w.setUserName(userName);
    
79.                             w.setTime(time);
    
80.                             w.setText(text);
    
81.                            
    
82.                             w.setHaveImage(haveImg);
    
83.                             w.setUserIcon(userIcon);
    
84.                             wbList.add(w);
    
85.                         }
    
86.                     }
    
87.                     
    
88.                 }catch (IllegalStateException e) {
    
89.                     e.printStackTrace();
    
90.                 } catch (IOException e) {
    
91.                     e.printStackTrace();
    
92.                 } catch (JSONException e) {
    
93.                     e.printStackTrace();
    
94.                 }
    
95.             }
    
96.             
    
97.             if(wbList!=null)
    
98.             {
    
99.                 WeiBoAdapater adapater = new WeiBoAdapater();
    
100.                 ListView Msglist=(ListView)findViewById(R.id.Msglist);
     
101.                 Msglist.setOnItemClickListener(new OnItemClickListener(){
     
102.                     @Override
     
103.                     public void onItemClick(AdapterView arg0, View view,int arg2, long arg3) {
     
104.                         Object obj=view.getTag();
     
105.                         if(obj!=null){
     
106.                             String id=obj.toString();
     
107.                             Intent intent = new Intent(HomeActivity.this,ViewActivity.class);
     
108.                             Bundle b=new Bundle();
     
109.                             b.putString("key", id);
     
110.                             intent.putExtras(b);
     
111.                             startActivity(intent);
     
112.                         }
     
113.                     }
     
114.                     
     
115.                 });
     
116.                 Msglist.setAdapter(adapater);
     
117.             }
     
118.         }
     
119.         loadingLayout.setVisibility(View.GONE);
     
120.     }

复制代码

上面的loadList() 方法通过新浪Api接口获取当前登录用户及其所关注用户的最新微博消息，然后显示到列表中。       这样就完成了用户首页功能的开发。