在上一篇文章《安卓开发笔记——打造属于自己的博客园APP(二)》中,我们基本上实现了主界面的搭建,网络框架的搭建,各博客列表页面的展示包括更新效果,对图片做了三级缓存处理(后面会把文章,新闻做成离线闪存,实现无网络也能照常浏览)。
今天来讲讲博客详情页和评论页面的实现,国际惯例,先上效果图:(动态图片比较大,加载需要点时间)
这里说下,关于上篇文章xml的解析,我后来查了下确实有一些方便解析的工具,例如:FastXML,Xstram等且效率更高,这里是在它的官方找到的一张数据图:
文章里我就还是先采用原生的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.VEVb.com/blog/post/body/{POSTID}(POSTID代表文章Id)
这里是关于博文详情的XML解析代码:
1 package com.lcw.rabbit.myblog.parser; 2 3 import org.xmlpull.v1.XmlPullParser; 4 import org.xmlpull.v1.XmlPullParserException; 5 import org.xmlpull.v1.XmlPullParserFactory; 6 7 import java.io.IOException; 8 import java.io.InputStream; 9 10 /**11 * 对博文详情xml数据的解析12 * Created by Lichenwei13 * Date: 2015-08-1714 * Time: 13:3215 */16 public class BlogContentXmlParser {17 18 19 /**20 * 用于解析博文详情的xml,返回Avatar的List集合对象21 *22 * @param inputStream23 * @param encode24 * @return25 * @throws XmlPullParserException26 * @throws IOException27 */28 public static String getBlogContent(InputStream inputStream, String encode) throws XmlPullParserException, IOException {29 30 String info="";31 //获取XmlPullParser实例32 XmlPullParserFactory factory = XmlPullParserFactory.newInstance();33 XmlPullParser parser = factory.newPullParser();34 parser.setInput(inputStream, encode);35 //获取解析事件36 int eventType = parser.getEventType();37 //当xml文档未到尾端时38 while (eventType != XmlPullParser.END_DOCUMENT) {39 switch (eventType) {40 //解析根标签的时候,实例化集合41 case XmlPullParser.START_DOCUMENT:42 break;43 case XmlPullParser.START_TAG: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的构造方法,但是在我们通过异步获取图片的时候它不发预知图片尺寸的大小,导致最后获取出来的图片会覆盖了文字。
效果如图:
后来我尝试的去GitHub上找找开源的组件发现了HtmlTextView:https://github.com/sufficientlysecure/html-textview,但是也不能够达到想要的效果,最后无奈的用了一个最笨的方法去做,就是在我们获取到Html格式数据的时候,我们通过String的replace方法用正则表达式方式去判断位置,比如<img/>标签,然后通过添加换行符号<br/>来人工换行,这样子看似没什么问题,但是图片毕竟有很多,有大有小,也并不是很完美的可以解决问题。
最后我觉得不应该老在安卓端里去考虑问题,毕竟我们的数据是从网络获取下来的,我们对它们具有完全的掌控权,为啥不从Html代码端去考虑问题的解决呢?然后我决定写一个静态的Html模板,对它做了移动端的屏幕适配,然后再把我们获取到的内容插入进去。(这里而外再提一个方法,我们也可以通过Jsoup去解析Html代码,然后去创建一个实体对象,把内容加入到List集合,然后再通过页面展示)
好了,看下我的Html静态模板的实现:
这是Html模板:
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文件:
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)浮动按钮,这个控件很简单,只需要设置对应的属性,然后其他用法和普通控件是保持一致的。
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:app="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="@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.xml
这里只是先简单的一个图片替换和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.VEVb.com/blog/post/{POSTID}/comments/{PAGEINDEX}/{PAGESIZE}(POSTID代表文章Id,PAGEINDEX代表评论页数,PAGESIZE代表评论每页展示的条数)这里不得不吐槽下接口的残疾,都没提供用户头像数据,只能用默认灰白头像做了。
这个就很简单了,直接可以复制我们之前做首页列表的XML布局文件甚至是Fragment里的主逻辑代码,只需要做一下页面内容的小改动就可以了,下面直接给代码。
博文评论主页样式:
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:app="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.xml
列表样式和详细内容样式:
1 <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:app="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.xml
1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:app="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="@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.xml
主代码:
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.BlogCommentXmlParser; 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.xmlpull.v1.XmlPullParserException; 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.VEVb.com/blog/post/" + blogId + "/comments/" + page + "/" + num, new Response.Listener<String>() {120 @Override121 public void onResponse(String s) {122 try {123 //获取评论数据数据并解析XML124 ByteArrayInputStream inputStream = new ByteArrayInputStream(s.getBytes());125 List<Comment> comments = BlogCommentXmlParser.getBlogComment(inputStream, "utf-8");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 (XmlPullParserException e) {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 }
获取博文详情XML解析:
1 package com.lcw.rabbit.myblog.parser; 2 3 import com.lcw.rabbit.myblog.entity.Comment; 4 5 import org.xmlpull.v1.XmlPullParser; 6 import org.xmlpull.v1.XmlPullParserException; 7 import org.xmlpull.v1.XmlPullParserFactory; 8 9 import java.io.IOException;10 import java.io.InputStream;11 import java.util.ArrayList;12 import java.util
新闻热点
疑难解答