星空网 > 软件开发 > Java

安卓开发笔记——打造属于自己的博客园APP(三)

  在上一篇文章《安卓开发笔记——打造属于自己的博客园APP(二)》中,我们基本上实现了主UI效果的搭建,网络框架的搭建,各博客列表页面的展示包括更新效果,对图片做了三级缓存处理(后面会把文章,新闻做成离线闪存,实现无网络也能照常浏览)。

  今天来讲讲博客详情页和评论页面的实现,国际惯例,先上效果图:(动态图片比较大,加载需要点时间)

安卓开发笔记——打造属于自己的博客园APP(三) 

  这里说下,关于上篇文章

安卓开发笔记——打造属于自己的博客园APP(三)

文章里我就还是先采用原生的pull解析了,等重构代码时候再换上工具类吧,先把项目做完。 

 

  好了,废话不多说了,直接进入主题:

1、关于RecyclerView的点击事件

  首先先来说下关于RecyclerView的点击监听事件,在上篇文章提到,RecyclerView是ListView升级版,顾名思义它是为效率而生的,它不关心多余的任何事情,比如Item项的动作监听,Item项的分割线,Item项的添加动画效果,只专注于数据的展示实现,相比ListView它更符合软件设计原则,更加解耦。

  上面提到它不关心Item项的动作监听,很自然,它没有和ListView控件一样提供类似setOnItemClickListener这种监听方法,需要我们自己来实现,那么很自然的,我们会选择在Adapter里去设置监听事件,关于RecyclerView不熟悉的朋友可以先看下这篇文章:http://blog.csdn.net/lmj623565791/article/details/45059587

  首先我们在Adapter设置一个点击回调接口,并提供setter方法:

 1   /** 2    * 自定义点击回调接口 3   */ 4   public interface RecyclerViewListener { 5     void setOnclickListener(View view, int pos); 6   } 7  8   private RecyclerViewListener mRecyclerViewListener; 9 10   /**11    * 提供setter方法12    *13    * @param recyclerViewListener14   */15   public void setRecyclerViewListener(RecyclerViewListener recyclerViewListener) {16     this.mRecyclerViewListener = recyclerViewListener;17   }

  然后我们在onBindViewHolder中设置监听事件:

1     //设置点击监听2     viewholder.itemView.setTag(i);3     viewholder.mMore.setTag(Integer.MAX_VALUE);4     viewholder.itemView.setOnClickListener(new ItemClick());5     viewholder.mMore.setOnClickListener(new ItemClick());

  再来个实现接口:

  /**   * 点击事件实现类   */  public class ItemClick implements View.OnClickListener{    @Override    public void onClick(View v) {      if(mRecyclerViewListener!=null){        mRecyclerViewListener.setOnclickListener(v,(int)v.getTag());      }    }  }

  这样子,我们就可以在我们的博客列表页面设置点击事件了,关于下面的showPopUpMenu是一个点击弹出窗口,可以实现收藏博文和关注博主的功能,我们下一篇文章会提到。这里我们实现当点击RecyclerView条目的时候会通过Intent传递Blog对象到博文详情页面。

 1     //设置条目点击监听 2     mBlogListAdapter.setRecyclerViewListener(new BlogListAdapter.RecyclerViewListener() { 3       @Override 4       public void setOnclickListener(View view, int pos) { 5  6         if (view.getId() == R.id.ib_more) { 7           //点击菜单按钮 8           showPopUpMenu(view, pos); 9         } else {10           //点击条目,传递对象11           Intent intent = new Intent();12           intent.setClass(getActivity(), BlogContentActivity.class);13           Bundle bundle = new Bundle();14           bundle.putSerializable("blog", mBlogs.get(pos));15           intent.putExtras(bundle);16           startActivity(intent);17         }18       }19     });

 

2、关于博文详情页面的实现

  这里是关于博文详情的接口:http://wcf.open.cnblogs.com/blog/post/body/{POSTID} (POSTID代表文章Id)

这里是关于博文详情的

 1 package com.lcw.rabbit.myblog.parser; 2  3 import org. 4 import org. 5 import org. 6  7 import java.io.IOException; 8 import java.io.InputStream; 9 10 /**11  * 对博文详情12  * Created by Lichenwei13  * Date: 2015-08-1714  * Time: 13:3215 */16 public class BlogContent17 18 19   /**20    * 用于解析博文详情的21    *22    * @param inputStream23    * @param encode24    * @return25    * @throws 26    * @throws IOException27   */28   public static String getBlogContent(InputStream inputStream, String encode) throws 29 30     String info="";31     //获取32      33      factory.newPullParser();34     parser.setInput(inputStream, encode);35     //获取解析事件36     int eventType = parser.getEventType();37     //当38     while (eventType != 39       switch (eventType) {40         //解析根标签的时候,实例化集合41         case 42           break;43         case 44           if("string".equals(parser.getName())){45             parser.next();46             info=parser.getText();47           }48           break;49       }50       eventType = parser.next();51     }52     return info;53 54   }55 56 }

  关于博文详情页的实现,我做了很多方法的尝试,因为我们获取的数据是Html代码,我们很自然的会想到用WebView,但是用WebView来展示,我们需要一个固定的样式来控制页面内容,不然会导致页面格式无法控制,比如文字的排布换行,图片的大小控制,包括整体页面的屏幕适配,由于我们获取的只是部分Html代码,所以会纯在很多问题,并且有滑动卡顿(对于安卓来说,WebView本来就是个软肋)。

  然后我尝试着用Html类下的fromHtml方法来实现对页面代码的格式化,它是基于TextView的,发现滑动很流畅,文字大小也可以控制的很好,但又有一个问题出现了,关于图片的展示问题,虽然fromHtml提供了另外一个包含ImageGetter的构造方法,但是在我们通过异步获取图片的时候它不发预知图片尺寸的大小,导致最后获取出来的图片会覆盖了文字。

效果如图:

安卓开发笔记——打造属于自己的博客园APP(三)

  后来我尝试的去GitHub上找找开源的组件发现了HtmlTextView:https://github.com/sufficientlysecure/html-textview,但是也不能够达到想要的效果,最后无奈的用了一个最笨的方法去做,就是在我们获取到Html格式数据的时候,我们通过String的replace方法用正则表达式方式去判断位置,比如<img/>标签,然后通过添加换行符号<br/>来人工换行,这样子看似没什么问题,但是图片毕竟有很多,有大有小,也并不是很完美的可以解决问题。

  最后我觉得不应该老在安卓端里去考虑问题,毕竟我们的数据是从网络获取下来的,我们对它们具有完全的掌控权,为啥不从Html代码端去考虑问题的解决呢?然后我决定写一个静态的Html模板,对它做了移动端的屏幕适配,然后再把我们获取到的内容插入进去。(这里而外再提一个方法,我们也可以通过Jsoup去解析Html代码,然后去创建一个实体对象,把内容加入到List集合,然后再通过页面展示)

  好了,看下我的Html静态模板的实现:

这是Html模板:

安卓开发笔记——打造属于自己的博客园APP(三)安卓开发笔记——打造属于自己的博客园APP(三)
 1 <html> 2 <head> 3   <title>Blog Content</title> 4   <meta name="viewport" 5      content="width=device-width, minimum-scale=0.5, initial-scale=1.2, maximum-scale=2.0, user-scalable=1"/> 6   <link rel="stylesheet" type="text/css" href="css.css"/> 7  8 </head> 9 <body>10 <div id="header">11   <h3>12     #title#13   </h3>14 15   <div class="describe"><p/>#author#<p/>16 17     <div id="info">#info#<p/>#time#</div>18   </div>19 </div>20 <div id="content">21   #content#22 </div>23 </body>24 </html>

BlogContent.html

这是Css文件:

安卓开发笔记——打造属于自己的博客园APP(三)安卓开发笔记——打造属于自己的博客园APP(三)
 1 body{font-family:Helvetica,"Microsoft Yahei",Verdana,Helvetica,SimSun,Arial,"Arial Unicode MS",MingLiu,PMingLiu,"MS Gothic",sans-serief;margin:0;padding:0 8px;background-color:#efeff0;color:#333;word-wrap:break-word;} 2 p{margin-top:0;margin-bottom:5pt;line-height: 1.6em;}  3 #header{text-align:center;background:transparent url('webBgLine.png') repeat-x scroll center bottom; padding-top:6pt;margin-bottom:5pt;-webkit-background-size:320px 2px;} 4 #header h3{margin-bottom:0px; margin-top:5px;font-size:14pt;padding:0 5pt;color:#464646;line-height:1.3em;} 5 .describe{color:#8e8e8e;font-size:12pt;padding:4pt 0; color:#333;} 6 #info{ font-size:10pt;line-height:1.6; color:#787878;} 7 #content{ font-size:12pt;line-height:1.8;} 8 img{max-width:80%;height:auto;} 9 div.bimg{text-align:center;padding:0;}10 .photo_title{font-weight:bold;font-size:14pt;margin-top:15px;}11 .langs_cn{color:#006200;}12 audio{width:100%}13 *{-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */14   /*-webkit-text-size-adjust: none;*/ /* prevent webkit from resizing text to fit */15   -webkit-tap-highlight-color: rgba(0,0,0,0.15); /* make transparent link selection, adjust last value opacity 0 to 1.0 */16   /*-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */17 }18 @media screen and (-webkit-device-pixel-ratio: 2) {19   #header{background-image:transparent url('webBgLine@2x.png') repeat-x scroll center bottom;-webkit-background-size:320px 1px;}20 }

Css.css

  这样我们就可以通过Java端实现动态插入了,由于是加载了静态模板,滑动起来也不会出现卡顿。

1 InputStream inputStream = getAssets().open("NewsDetail.html");2           byte[] temp = AppUtil.readInputStream(inputStream);3           String content = new String(temp);4           mWebView.loadDataWithBaseURL("file:///android_asset/", content.replace("#title#", mBlog.getBlogTitle()).replace("#author#", "作者:" + mBlog.getAuthorName()).replace("#info#", "推荐:" + mBlog.getBlogDiggs() + "\t\t评论:" + mBlog.getBlogComments() + "\t\t浏览:" + mBlog.getBlogViews()).replace("#time#", TimeUtil.ParseDateToString(TimeUtil.ParseUTCDate(mBlog.getBlogPublished())))5               .replace("#content#", mInfo), "text/html", "utf-8", null);

 

  看下布局文件,这里用到了一个Material Design里的FAB(Floating Action Button)浮动按钮,这个控件很简单,只需要设置对应的属性,然后其他用法和普通控件是保持一致的。

安卓开发笔记——打造属于自己的博客园APP(三)安卓开发笔记——打造属于自己的博客园APP(三)
 1 <LinearLayout ="http://schemas.android.com/apk/res/android" 2   ="http://schemas.android.com/apk/res-auto" 3   android:layout_width="match_parent" 4   android:layout_height="match_parent" 5   android:fitsSystemWindows="true" 6   android:orientation="vertical"> 7  8   <!--ToolBar--> 9   <include layout="@layout/activity_toolbar" />10 11 12   <FrameLayout13     android:layout_width="match_parent"14     android:layout_height="match_parent">15 16     <WebView17       android:id="@+id/wv_blog_content"18       android:layout_width="match_parent"19       android:layout_height="match_parent"20       android:scrollbars="vertical"21       />22 23     <ProgressBar24       android:id="@+id/pb_bar"25       style="@style/MyProgressBar"26       android:layout_width="match_parent"27       android:layout_height="wrap_content"28       android:layout_gravity="center_vertical"29       android:indeterminate="true" />30 31     <android.support.design.widget.FloatingActionButton32       android:id="@+id/fab_comment"33       android:layout_width="wrap_content"34       android:layout_height="wrap_content"35       android:layout_gravity="right|bottom"36       android:layout_marginBottom="30dp"37       android:layout_marginRight="20dp"38       android:src='/images/loading.gif' data-original="@mipmap/ic_star_outline_white_24dp"39       app:backgroundTint="@color/md_green_600"40       app:borderWidth="0dp"41       app:elevation="8dp"42       app:fabSize="normal"43       app:pressedTranslationZ="12dp"44       app:rippleColor="@color/md_green_800" />45   </FrameLayout>46 </LinearLayout>

BlogContent.

  这里只是先简单的一个图片替换和Toast的显示,具体操作等下篇文章我们用到数据库的时候再说。

 1     mFloatingActionButton = (FloatingActionButton) findViewById(R.id.fab_comment); 2  3     mFloatingActionButton.setOnClickListener(new View.OnClickListener() { 4       @Override 5       public void onClick(View v) { 6         if (!isLike) { 7           isLike = true; 8           mFloatingActionButton.setImageResource(R.mipmap.ic_grade_white_24dp); 9           Toast.makeText(BlogContentActivity.this, "文章已收藏", Toast.LENGTH_SHORT).show();10           //添加收藏文章到数据库11         } else {12           isLike = false;13           mFloatingActionButton.setImageResource(R.mipmap.ic_star_outline_white_24dp);14           Toast.makeText(BlogContentActivity.this, "取消文章收藏", Toast.LENGTH_SHORT).show();15           //从数据库删除收藏文章16         }17       }18     });

  然后这里是关于WebView的设置,大家也可以参考这篇文章自己做设置:http://www.pedant.cn/2014/09/10/webview-optimize-points/#0-tsina-1-5518-397232819ff9a47a7b7e80a40613cfe1

 1 mWebView = (WebView) findViewById(R.id.wv_blog_content); 2     //避免中文乱码 3     mWebView.getSettings().setDefaultTextEncodingName("utf-8"); 4     //适配低版本,关闭图片自动加载 5     if (Build.VERSION.SDK_INT >= 19) { 6       mWebView.getSettings().setLoadsImagesAutomatically(true); 7     } else { 8       mWebView.getSettings().setLoadsImagesAutomatically(false); 9     }10     //等页面加载完毕再加载图片11     WebViewClient webViewClient = new WebViewClient() {12       @Override13       public void onPageFinished(WebView view, String url) {14         //关闭Progress15         mProgressBar.setVisibility(View.GONE);16         if (!view.getSettings().getLoadsImagesAutomatically()) {17           view.getSettings().setLoadsImagesAutomatically(true);18         }19       }20     };21     mWebView.setWebViewClient(webViewClient);22     mWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);23     mWebView.getSettings().setJavaScriptEnabled(false);24     mWebView.getSettings().setSupportZoom(false);25     mWebView.getSettings().setBuiltInZoomControls(false);26     mWebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE.NETWORK);27     mWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);

 

3、关于评论详情页面的实现

  这里是关于博文详情的接口:http://wcf.open.cnblogs.com/blog/post/{POSTID}/comments/{PAGEINDEX}/{PAGESIZE} (POSTID代表文章Id,PAGEINDEX代表评论页数,PAGESIZE代表评论每页展示的条数)这里不得不吐槽下接口的残疾,都没提供用户头像数据,只能用默认灰白头像做了。

  这个就很简单了,直接可以复制我们之前做首页列表的

博文评论主页样式:

安卓开发笔记——打造属于自己的博客园APP(三)安卓开发笔记——打造属于自己的博客园APP(三)
 1 <LinearLayout ="http://schemas.android.com/apk/res/android" 2   ="http://schemas.android.com/apk/res-auto" 3   android:layout_width="match_parent" 4   android:layout_height="match_parent" 5   android:fitsSystemWindows="true" 6   android:gravity="center" 7   android:orientation="vertical"> 8  9   <!--ToolBar-->10   <include layout="@layout/activity_toolbar" />11   <android.support.v4.widget.SwipeRefreshLayout12     android:id="@+id/swipe_refresh"13     android:layout_width="match_parent"14     android:layout_height="match_parent"15     android:layout_margin="4dp">16 17     <android.support.v7.widget.RecyclerView18       android:id="@+id/rv_view"19       android:layout_width="match_parent"20       android:layout_height="match_parent"21       android:background="@color/md_grey_200"22       android:scrollbars="vertical"23       />24   </android.support.v4.widget.SwipeRefreshLayout>25 26   <com.lcw.rabbit.myblog.view.MyProgressBar27     android:id="@+id/progressbar"28     android:layout_width="match_parent"29     android:layout_height="20dp"30     android:layout_gravity="bottom"31     android:visibility="gone"32     />33 34 35 36 </LinearLayout>

activity_blog_comment.

列表样式和详细内容样式:

安卓开发笔记——打造属于自己的博客园APP(三)安卓开发笔记——打造属于自己的博客园APP(三)
 1 <android.support.v7.widget.CardView ="http://schemas.android.com/apk/res/android" 2   ="http://schemas.android.com/apk/res-auto" 3   android:id="@+id/cv_cardview" 4   android:layout_width="match_parent" 5   android:layout_height="wrap_content" 6   android:layout_margin="8dp" 7   android:gravity="center" 8   app:cardCornerRadius="6dp"> 9 10   <include layout="@layout/recyclerview_item_blogcommentlist_content" />11 12 </android.support.v7.widget.CardView>

recyclerview_blogcommentlist.
安卓开发笔记——打造属于自己的博客园APP(三)安卓开发笔记——打造属于自己的博客园APP(三)
 1 <LinearLayout ="http://schemas.android.com/apk/res/android" 2   ="http://schemas.android.com/apk/res-auto" 3   android:layout_width="match_parent" 4   android:layout_height="wrap_content" 5   android:background="?android:selectableItemBackground" 6   android:orientation="horizontal" 7   android:padding="3dp"> 8  9   <!--信息内容-->10   <LinearLayout11     android:layout_width="0dp"12     android:layout_height="wrap_content"13     android:layout_marginLeft="3dp"14     android:layout_weight="1"15     android:orientation="vertical">16 17     <LinearLayout18       android:layout_width="wrap_content"19       android:layout_height="wrap_content"20       android:layout_marginLeft="3dp"21       android:layout_weight="1"22       android:padding="3dp"23       android:orientation="horizontal">24 25       <!--头像-->26       <com.makeramen.roundedimageview.RoundedImageView27         android:id="@+id/iv_userhead"28         android:layout_width="25dp"29         android:layout_height="25dp"30         android:layout_gravity="center_vertical"31         android:layout_marginRight="5dp"32         android:src='/images/loading.gif' data-original="@mipmap/avatar_default"33         app:riv_border_color="#ffffff"34         app:riv_border_width="2dip"35         app:riv_corner_radius="30dip"36         app:riv_mutate_background="true"37         app:riv_oval="true"38         app:riv_tile_mode="repeat" />39 40       <TextView41         android:id="@+id/tv_name"42         android:layout_width="match_parent"43         android:layout_height="wrap_content"44         android:layout_gravity="center_vertical"45         android:layout_marginTop="2dp"46         android:layout_weight="1"47         android:ellipsize="end"48         android:singleLine="true"49 50         android:text="用户昵称"51         android:textColor="@color/md_green_700"52         android:textSize="16sp"53         android:textStyle="bold" />54     </LinearLayout>55 56     <TextView57       android:id="@+id/tv_comment"58       android:layout_width="match_parent"59       android:layout_height="wrap_content"60       android:layout_weight="1"61       android:maxLines="3"62       android:layout_marginLeft="3dp"63       android:text="文章评论内容"64       android:textSize="16sp" />65 66     <LinearLayout67       android:layout_width="match_parent"68       android:layout_height="match_parent"69       android:layout_margin="1dp"70       android:layout_weight="1"71       android:padding="3dp"72       android:orientation="horizontal">73 74       <TextView75         android:layout_width="wrap_content"76         android:layout_height="match_parent"77         android:gravity="center_vertical"78         android:text="评论时间:"79         android:textColor="@color/md_grey_500"80         android:textSize="12sp" />81 82       <TextView83         android:id="@+id/tv_time"84         android:layout_width="wrap_content"85         android:layout_height="match_parent"86         android:layout_marginRight="5dp"87         android:gravity="center_vertical"88         android:textColor="@color/md_grey_500"89         android:textSize="12sp" />90 91     </LinearLayout>92 93   </LinearLayout>94 95 96 </LinearLayout>

recyclerview_blogcommentlist_content.

主代码:

 1 package com.lcw.rabbit.myblog; 2  3 import android.os.Bundle; 4 import android.support.v4.widget.SwipeRefreshLayout; 5 import android.support.v7.app.AppCompatActivity; 6 import android.support.v7.widget.DefaultItemAnimator; 7 import android.support.v7.widget.LinearLayoutManager; 8 import android.support.v7.widget.RecyclerView; 9 import android.support.v7.widget.Toolbar; 10 import android.view.View; 11  12 import com.android.volley.Request; 13 import com.android.volley.Response; 14 import com.android.volley.VolleyError; 15 import com.android.volley.toolbox.StringRequest; 16 import com.lcw.rabbit.myblog.adapter.BlogCommentListAdapter; 17 import com.lcw.rabbit.myblog.entity.Comment; 18 import com.lcw.rabbit.myblog.parser.BlogComment 19 import com.lcw.rabbit.myblog.utils.VolleyRequestQueueManager; 20 import com.lcw.rabbit.myblog.view.MyProgressBar; 21 import com.mugen.Mugen; 22 import com.mugen.MugenCallbacks; 23 import com.mugen.attachers.BaseAttacher; 24  25 import org. 26  27 import java.io.ByteArrayInputStream; 28 import java.io.IOException; 29 import java.util.ArrayList; 30 import java.util.List; 31  32 /** 33  * 博文评论页 34 */ 35 public class BlogCommentActivity extends AppCompatActivity { 36   private Toolbar mToolbar; 37   private SwipeRefreshLayout mSwipeRefreshLayout; 38   private RecyclerView mRecyclerView; 39   private BlogCommentListAdapter mBlogCommentListAdapter; 40   //无限滚动 41   private BaseAttacher mBaseAttacher; 42   private MyProgressBar myProgressBar; 43  44   private String mBlogId; 45   private List<Comment> mComments; 46  47   //默认第一页 48   private int currentPage = 1; 49   //是否正在加载 50   private boolean isLoading = false; 51  52  53   @Override 54   protected void onCreate(Bundle savedInstanceState) { 55     super.onCreate(savedInstanceState); 56     setContentView(R.layout.activity_blog_comment); 57     initView(); 58     initData(); 59     initAction(); 60     getBlogComment(mBlogId, 1, 10); 61   } 62  63   private void initAction() { 64     //设置下拉刷新 65     mSwipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { 66       @Override 67       public void onRefresh() { 68         getBlogComment(mBlogId, 1, 10); 69       } 70     }); 71  72  73     //设置无限滚动,上拉加载 74     mBaseAttacher = Mugen.with(mRecyclerView, new MugenCallbacks() { 75       @Override 76       public void onLoadMore() { 77         //加载更多 78         isLoading = true; 79         mBaseAttacher.setLoadMoreEnabled(false); 80         myProgressBar.setVisibility(View.VISIBLE); 81         getBlogComment(mBlogId, (currentPage + 1), 10); 82       } 83  84       @Override 85       public boolean isLoading() { 86         return isLoading; 87       } 88  89       @Override 90       public boolean hasLoadedAllItems() { 91         return isLoading; 92       } 93     }).start(); 94     //离底部一项的时候加载更多 95     mBaseAttacher.setLoadMoreOffset(1); 96   } 97  98   /** 99    * 获取Intent传递过来的数据100   */101   private void initData() {102     mBlogId = getIntent().getExtras().getString("blogId");103     //设置空数据源104     mComments=new ArrayList<Comment>();105     mBlogCommentListAdapter = new BlogCommentListAdapter(this,mComments);106     mRecyclerView.setAdapter(mBlogCommentListAdapter);107   }108 109 110   /**111    * 获取博客评论数据并设置112    * @param blogId113    * @param page114    * @param num115   */116   private void getBlogComment(String blogId, final int page, int num) {117     //更新当前页数118     currentPage = page;119     StringRequest request = new StringRequest(Request.Method.GET, "http://wcf.open.cnblogs.com/blog/post/" + blogId + "/comments/" + page + "/" + num, new Response.Listener<String>() {120       @Override121       public void onResponse(String s) {122         try {123           //获取评论数据数据并解析124           ByteArrayInputStream inputStream = new ByteArrayInputStream(s.getBytes());125           List<Comment> comments = BlogComment);126           if (page == 1) {127             //清空之前的数据预防重复加载128             mComments.clear();129           }130           for (Comment comment : comments) {131             //整理数据源132             mComments.add(comment);133           }134 135           if (mBlogCommentListAdapter == null) {136             //如果Adapter不存在137             mBlogCommentListAdapter = new BlogCommentListAdapter(BlogCommentActivity.this,mComments);138             mRecyclerView.setAdapter(mBlogCommentListAdapter);139           } else {140             //存在通知adatper数据源更新141             mBlogCommentListAdapter.refreshData(mComments);142 143           }144           //关闭下拉刷新样式145           mSwipeRefreshLayout.setRefreshing(false);146           isLoading = false;147           myProgressBar.setVisibility(View.GONE);148           mBaseAttacher.setLoadMoreEnabled(true);149 150 151         } catch (152           e.printStackTrace();153         } catch (IOException e) {154           e.printStackTrace();155         }156       }157     }, new Response.ErrorListener() {158       @Override159       public void onErrorResponse(VolleyError volleyError) {160 161       }162     });163     VolleyRequestQueueManager.addRequest(request, "BlogCommentList");164 165   }166 167   private void initView() {168     mToolbar = (Toolbar) findViewById(R.id.activity_toolbar);169     mToolbar.setTitle("文章评论");170     setSupportActionBar(mToolbar);171     getSupportActionBar().setDisplayHomeAsUpEnabled(true);172 173     mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh);174     //设置拉下刷新滚动条颜色175     mSwipeRefreshLayout.setColorSchemeResources(android.R.color.holo_blue_light, android.R.color.holo_red_light, android.R.color.holo_orange_light, android.R.color.holo_green_light);176     mRecyclerView = (RecyclerView) findViewById(R.id.rv_view);177     mRecyclerView.setLayoutManager(new LinearLayoutManager(this));178     mRecyclerView.setItemAnimator(new DefaultItemAnimator());179     myProgressBar = (MyProgressBar)findViewById(R.id.progressbar);180 181 182   }183 184 185 }

适配器代码:

 1 package com.lcw.rabbit.myblog.adapter; 2  3 import android.content.Context; 4 import android.content.res.Resources; 5 import android.graphics.Bitmap; 6 import android.graphics.BitmapFactory; 7 import android.support.v7.widget.RecyclerView; 8 import android.text.Html; 9 import android.view.LayoutInflater; 10 import android.view.View; 11 import android.view.ViewGroup; 12 import android.widget.TextView; 13  14 import com.lcw.rabbit.myblog.R; 15 import com.lcw.rabbit.myblog.entity.Comment; 16 import com.lcw.rabbit.myblog.utils.TimeUtil; 17 import com.makeramen.roundedimageview.RoundedImageView; 18  19 import java.util.List; 20  21 /** 22  * 推荐博文评论列表适配器 23  * Created by Lichenwei 24  * Date: 2015-08-16 25  * Time: 22:34 26 */ 27 public class BlogCommentListAdapter extends RecyclerView.Adapter<BlogCommentListAdapter.RecyclerViewViewHolder> { 28  29   private Context mContext; 30   private List<Comment> mComments; 31  32   public BlogCommentListAdapter(Context context, List<Comment> comments) { 33     this.mContext = context; 34     this.mComments = comments; 35   } 36  37   /** 38    * 设置新的数据源,提醒adatper更新 39    * 40    * @param comments 41   */ 42   public void refreshData(List<Comment> comments) { 43     this.mComments = comments; 44     this.notifyDataSetChanged(); 45   } 46  47   /** 48    * 创建ViewHolder 49    * 50    * @param viewGroup 51    * @param i 52    * @return 53   */ 54   @Override 55   public RecyclerViewViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) { 56     View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.recyclerview_item_blogcommentlist, viewGroup, false); 57     return new RecyclerViewViewHolder(view); 58   } 59  60   /** 61    * 根据资源ID返回Bitmap对象 62    * 63    * @param resId 64    * @return 65   */ 66   public Bitmap getBitmapFromRes(int resId) { 67     Resources res = mContext.getResources(); 68     return BitmapFactory.decodeResource(res, resId); 69  70   } 71  72   /** 73    * 绑定数据 74    * 75    * @param viewholder 76    * @param i 77   */ 78   @Override 79   public void onBindViewHolder(RecyclerViewViewHolder viewholder, int i) { 80     //设置头像 81 //    if (mAuthors.get(i).getAuthorPic() != null && !"".equals(mAuthors.get(i).getAuthorPic())) { 82 //      ImageCacheManager.loadImage(mAuthors.get(i).getAuthorPic(), viewholder.mUserhead, getBitmapFromRes(R.mipmap.avatar_default), getBitmapFromRes(R.mipmap.avatar_default)); 83 //    } else { 84 //      viewholder.mUserhead.setImageResource(R.mipmap.avatar_default); 85 //    } 86     viewholder.mName.setText(mComments.get(i).getAuthorName()); 87     //处理评论内容里的Html代码 88     viewholder.mContent.setText(Html.fromHtml(mComments.get(i).getCommentContent())); 89     //处理日期特殊格式 90     viewholder.mTime.setText(TimeUtil.DateToChineseString(TimeUtil.ParseUTCDate(mComments.get(i).getCommentTime()))); 91   } 92  93   @Override 94   public int getItemCount() { 95     return mComments.size(); 96   } 97  98   /** 99    * 自定义ViewHolder100   */101   public static class RecyclerViewViewHolder extends RecyclerView.ViewHolder {102     private RoundedImageView mUserhead;103     private TextView mName;104     private TextView mContent;105     private TextView mTime;106 107     public RecyclerViewViewHolder(View view) {108       super(view);109       mUserhead = (RoundedImageView) view.findViewById(R.id.iv_userhead);110       mName = (TextView) view.findViewById(R.id.tv_name);111       mContent = (TextView) view.findViewById(R.id.tv_comment);112       mTime = (TextView) view.findViewById(R.id.tv_time);113 114     }115 116 117   }118 }

获取博文详情

 1 package com.lcw.rabbit.myblog.parser; 2  3 import com.lcw.rabbit.myblog.entity.Comment; 4  5 import org. 6 import org. 7 import org. 8  9 import java.io.IOException;10 import java.io.InputStream;11 import java.util.ArrayList;12 import java.util.List;13 14 /**15  * 对博文评论页16  * Created by Lichenwei17  * Date: 2015-08-1718  * Time: 13:3219 */20 public class BlogComment21 22 23   /**24    * 用于解析博文评论详情的25    *26    * @param inputStream27    * @param encode28    * @return29    * @throws 30    * @throws IOException31   */32   public static List<Comment> getBlogComment(InputStream inputStream, String encode) throws 33     List<Comment> mComments = null;34     Comment mComment = null;35 36     //获取37      38      factory.newPullParser();39     parser.setInput(inputStream, encode);40     //获取解析事件41     int eventType = parser.getEventType();42     //当43     while (eventType != 44       switch (eventType) {45         //解析根标签的时候,实例化集合46         case 47           mComments = new ArrayList<Comment>();48           mComment = new Comment();49           break;50         case 51           //当解析到entry标签的时候,实例化Blog对象52           if ("entry".equals(parser.getName())) {53             mComment = new Comment();54           }55           if ("id".equals(parser.getName())) {56             parser.next();57             mComment.setCommentId(parser.getText());58           } else if ("published".equals(parser.getName())) {59             parser.next();60             mComment.setCommentTime(parser.getText());61           } else if ("name".equals(parser.getName())) {62             parser.next();63             mComment.setAuthorName(parser.getText());64           } else if ("uri".equals(parser.getName())) {65             parser.next();66             mComment.setAuthorUrl(parser.getText());67           } else if ("content".equals(parser.getName())) {68             parser.next();69             mComment.setCommentContent(parser.getText());70           }71           break;72         case 73           //当解析到entry标签结束的时候添加入Blogs集合,清空Blog对象74           if ("entry".equals(parser.getName())) {75             mComments.add(mComment);76             mComment = null;77           }78           break;79 80       }81       //手动跳转第一次遍历82       eventType = parser.next();83     }84 85     return mComments;86 87   }88 }

 

好了,今天先写到这里,改天继续更新,有什么建议或疑问,可以在文章评论给我留言。

 

作者:李晨玮
出处:http://www.cnblogs.com/lichenwei/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
正在看本人博客的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为!旁边有“推荐”二字,你就顺手把它点了吧,相得准,我分文不收;相不准,你也好回来找我!

 




原标题:安卓开发笔记——打造属于自己的博客园APP(三)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流