Android应用开发-小巫CSDN博客客户端之获取评论列表

Android应用开发-小巫CSDN博客客户端之获取评论列表


上一篇博客介绍了博文详细内容的业务逻辑实现，本篇博客介绍小巫CSDN博客客户端的最后一项功能，获取评论列表，这个功能的实现跟前面获取文章列表和文章详细的内容不一样，CSDN博客获取评论是通过js来请求服务器加载评论列表的，返回数据为json数据，我们这里要做的事情就是找到这样的一个js文件，再找到请求url的拼接字符串，然后根据我们的需求，请求文章的评论列表获取到当前文章的评论json数据，然后进行解析工作，最后展示到我们的界面当中。

如果没有仔细分析html代码的童鞋，可能发现不了这一点，小巫在开发这个客户端的时候，一时也获取不到评论列表，后来通过与CSDN技术的交流之后，我再仔细查看才找到了关于博客的请求方式，这里使用jsoup无法模拟javascript的加载，所以只能通过自己查看js代码，找到请求的url，下面笔者会告诉大家怎么来做这件事。

小巫这里找一篇有评论的博文，比如以下这篇：

http://blog.csdn.net/wwj_748/article/details/39726051

我们可以看到这篇文章的底部是我们的文章评论列表，有别人评论的也有自己回复的。用同样的方式，F12查看源代码，或者查看元素定位到评论内容，如下所示：

这时我们点击进去查看相应的js文件，去看看能不能找到我们想要的东西：

哎呀，很不小心就被我发现了我想要的东西：

从上面我们可以分析出，获取文章的评论列表需要请求类似以下的地址：

"http://blog.csdn.net/wwj_748/comment/list/39726051?page=1，刚开始小巫并不知道这样的请求地址，是通过以上的方式才得知的。我们请求一篇文章需要知道对应文章的filename和pageIndex,然后以下面这种形式拼接：

/**
	 * 返回博文评论列表链接
	 *
	 * @param filename
	 *            文件名
	 * @param pageIndex
	 *            页数
	 * @return
	 */
	public static String getCommentListURL(String filename, String pageIndex) {
		return "http://blog.csdn.net/wwj_748/comment/list/" + filename
				+ "?page=" + pageIndex;
	}

到了这一步基本上解决了最麻烦的事情，下面是业务逻辑的实现：

/BlogClient/src/com/xiaowu/blogclient/BlogCommentActivity.java

package com.xiaowu.blogclient;

import java.util.List;

import me.maxwin.view.IXListViewLoadMore;
import me.maxwin.view.IXListViewRefreshListener;
import me.maxwin.view.XListView;
import android.app.Activity;
import android.os.AsyncTask;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.TextView;
import android.widget.Toast;

import com.xiaowu.blogclient.adapter.CommentAdapter;
import com.xiaowu.blogclient.model.Comment;
import com.xiaowu.blogclient.model.Page;
import com.xiaowu.blogclient.util.Constants;
import com.xiaowu.blogclient.util.DateUtil;
import com.xiaowu.blogclient.util.HttpUtil;
import com.xiaowu.blogclient.util.JsoupUtil;
import com.xiaowu.blogclient.util.URLUtil;

/**
 * 2014/8/13
 *
 * 博客评论列表
 *
 * @author wwj_748
 *
 */
public class BlogCommentActivity extends Activity implements
		IXListViewRefreshListener, IXListViewLoadMore {

	private XListView listView;
	private CommentAdapter adapter;

	private ProgressBar progressBar;
	private ImageView reLoadImageView;

	private ImageView backBtn;
	private TextView commentTV;

	public static String commentCount = "";
	private Page page;
	private String filename;
	private int pageIndex = 1;
	private int pageSize = 20;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_comment);

		init();
		initComponent();

		listView.setRefreshTime(DateUtil.getDate()); // 设置刷新时间
		listView.startRefresh(); // 开始刷新
	}

	// 初始化
	private void init() {
		filename = getIntent().getExtras().getString("filename"); // 获得文件名
		page = new Page();
		adapter = new CommentAdapter(this);
	}

	// 初始化组件
	private void initComponent() {
		progressBar = (ProgressBar) findViewById(R.id.newsContentPro);
		reLoadImageView = (ImageView) findViewById(R.id.reLoadImage);
		reLoadImageView.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				System.out.println("click");
				reLoadImageView.setVisibility(View.INVISIBLE);
				progressBar.setVisibility(View.VISIBLE);
				new MainTask().execute(Constants.DEF_TASK_TYPE.REFRESH);
			}
		});

		backBtn = (ImageView) findViewById(R.id.backBtn);
		backBtn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				finish();
			}
		});
		commentTV = (TextView) findViewById(R.id.comment);

		listView = (XListView) findViewById(R.id.listview);
		listView.setAdapter(adapter);
		listView.setPullRefreshEnable(this);
		listView.setPullLoadEnable(this);
		listView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {

			}
		});

	}

	@Override
	public void finish() {
		super.finish();
		// 退出动画
		overridePendingTransition(R.anim.push_no, R.anim.push_right_out);
	}

	private class MainTask extends AsyncTask<String, Void, Integer> {

		@Override
		protected Integer doInBackground(String... params) {
			// 获得返回json字符串
			String temp = HttpUtil.httpGet(URLUtil.getCommentListURL(filename,
					page.getCurrentPage()));
			if (temp == null) {
				return Constants.DEF_RESULT_CODE.ERROR;
			}
			// 获得评论列表
			List<Comment> list = JsoupUtil.getBlogCommentList(temp,
					Integer.valueOf(page.getCurrentPage()), pageSize);
			if (list.size() == 0) {
				return Constants.DEF_RESULT_CODE.NO_DATA;
			}

			if (params[0].equals(Constants.DEF_TASK_TYPE.LOAD)) {
				adapter.addList(list);
				return Constants.DEF_RESULT_CODE.LOAD;
			} else {
				adapter.setList(list);
				return Constants.DEF_RESULT_CODE.REFRESH;
			}
		}

		@Override
		protected void onPostExecute(Integer result) {
			if (result == Constants.DEF_RESULT_CODE.ERROR) {
				Toast.makeText(getApplicationContext(), "网络信号不佳",
						Toast.LENGTH_SHORT).show();
				listView.stopRefresh(DateUtil.getDate());
				listView.stopLoadMore();
				reLoadImageView.setVisibility(View.VISIBLE);
			} else if (result == Constants.DEF_RESULT_CODE.NO_DATA) {
				Toast.makeText(getApplicationContext(), "无更多评论",
						Toast.LENGTH_SHORT).show();
				listView.stopLoadMore();
				listView.stopRefresh(DateUtil.getDate());
				commentTV.setText("共有评论：" + commentCount);
			} else if (result == Constants.DEF_RESULT_CODE.LOAD) {
				page.addPage();
				pageIndex++;
				adapter.notifyDataSetChanged();
				listView.stopLoadMore();
			} else if (result == Constants.DEF_RESULT_CODE.REFRESH) {
				adapter.notifyDataSetChanged();
				listView.stopRefresh(DateUtil.getDate());
				page.setPage(2);
				commentTV.setText("共有评论：" + commentCount); // 显示评论数
			}
			progressBar.setVisibility(View.INVISIBLE);
			super.onPostExecute(result);
		}
	}

	// 加载更多
	@Override
	public void onLoadMore() {
		new MainTask().execute(Constants.DEF_TASK_TYPE.LOAD);
	}

	// 刷新评论
	@Override
	public void onRefresh() {
		page.setPage(1);
		new MainTask().execute(Constants.DEF_TASK_TYPE.REFRESH);
	}
}

/BlogClient/src/com/xiaowu/blogclient/adapter/CommentAdapter.java

package com.xiaowu.blogclient.adapter;

import java.util.ArrayList;
import java.util.List;

import android.content.Context;
import android.graphics.Bitmap;
import android.text.Html;
import android.text.SpannableStringBuilder;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.assist.ImageScaleType;
import com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer;
import com.xiaowu.blogclient.R;
import com.xiaowu.blogclient.model.Comment;
import com.xiaowu.blogclient.util.Constants;

/**
 * 评论列表适配器
 *
 * @author wwj_748
 *
 */
public class CommentAdapter extends BaseAdapter {
	private ViewHolder holder;
	private LayoutInflater layoutInflater;
	private Context context;
	private List<Comment> list;

	private SpannableStringBuilder htmlSpannable;

	private ImageLoader imageLoader = ImageLoader.getInstance();
	private DisplayImageOptions options;

	private String replyText;

	public CommentAdapter(Context c) {
		super();
		layoutInflater = (LayoutInflater) LayoutInflater.from(c);
		list = new ArrayList<Comment>();

		imageLoader.init(ImageLoaderConfiguration.createDefault(c));
		options = new DisplayImageOptions.Builder()
				.showStubImage(R.drawable.csdn)
				.showImageForEmptyUri(R.drawable.csdn)
				.showImageOnFail(R.drawable.csdn)
				.cacheInMemory().cacheOnDisc()
				.imageScaleType(ImageScaleType.EXACTLY)
				.bitmapConfig(Bitmap.Config.RGB_565)
				.displayer(new FadeInBitmapDisplayer(300)).build();
	}

	public void setList(List<Comment> list) {
		this.list = list;
	}

	public void addList(List<Comment> list) {
		this.list.addAll(list);
	}

	public void clearList() {
		this.list.clear();
	}

	public List<Comment> getList() {
		return list;
	}

	public void removeItem(int position) {
		if (list.size() > 0) {
			list.remove(position);
		}
	}

	@Override
	public int getCount() {
		return list.size();
	}

	@Override
	public Object getItem(int position) {
		return list.get(position);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		Comment item = list.get(position); // 获取评论项
		if (null == convertView) {
			holder = new ViewHolder();
			switch (item.getType()) {
			case Constants.DEF_COMMENT_TYPE.PARENT: // 父项
				convertView = layoutInflater.inflate(R.layout.comment_item,
						null);
				holder.name = (TextView) convertView.findViewById(R.id.name);
				holder.content = (TextView) convertView
						.findViewById(R.id.content);
				holder.date = (TextView) convertView.findViewById(R.id.date);
				holder.reply = (TextView) convertView
						.findViewById(R.id.replyCount);
				holder.userface = (ImageView) convertView.findViewById(R.id.userface);

				break;
			case Constants.DEF_COMMENT_TYPE.CHILD: // 子项
				convertView = layoutInflater.inflate(
						R.layout.comment_child_item, null);
				holder.name = (TextView) convertView.findViewById(R.id.name);
				holder.content = (TextView) convertView
						.findViewById(R.id.content);
				holder.date = (TextView) convertView.findViewById(R.id.date);
				break;
			}
			convertView.setTag(holder);
		} else {
			holder = (ViewHolder) convertView.getTag();
		}

		if (null != item) {
			switch (item.getType()) {
			case Constants.DEF_COMMENT_TYPE.PARENT: // 主题项
				holder.name.setText(item.getUsername());
				holder.content.setText(Html.fromHtml(item.getContent())); // 显示评论内容
				holder.date.setText(item.getPostTime());
//				holder.reply.setText(item.getReplyCount());
				imageLoader.displayImage(item.getUserface(), holder.userface, options);// 显示头像
				break;
			case Constants.DEF_COMMENT_TYPE.CHILD: // 回复项
				holder.name.setText(item.getUsername());
				replyText = item.getContent().replace("[reply]", "【");
				replyText = replyText.replace("[/reply]", "】");
				holder.content.setText(Html.fromHtml(replyText));
				holder.date.setText(item.getPostTime());
				break;
			default:
				break;
			}
		}
		return convertView;
	}

	@Override
	public int getViewTypeCount() {
		return 2;
	}

	@Override
	public int getItemViewType(int position) {
		switch (list.get(position).getType()) {
		case Constants.DEF_COMMENT_TYPE.PARENT: // 父节点
			return 0;
		case Constants.DEF_COMMENT_TYPE.CHILD: // 子节点
			return 1;
		}
		return 1;
	}

	@Override
	public boolean isEnabled(int position) {
		return true;
	}

	private class ViewHolder {
		TextView id;
		TextView date;
		TextView name;
		TextView content;
		ImageView userface;
		TextView reply;
	}
}

最终效果图如下：

最后：

关于小巫CSDN博客客户端的开发基本上都介绍完了，更多详细的实现请到以下链接下载源码查看：

http://download.csdn.net/detail/wwj_748/7912513

时间： 2024-11-05 20:33:28

Android应用开发-小巫CSDN博客客户端之获取评论列表的相关文章

Android应用开发-小巫CSDN博客client之获取评论列表

Android应用开发-小巫CSDN博客客户端之获取评论列表 上一篇博客介绍了博文具体内容的业务逻辑实现,本篇博客介绍小巫CSDN博客客户端的最后一项功能.获取评论列表,这个功能的实现跟前面获取文章列表和文章具体的内容不一样,CSDN博客获取评论是通过js来请求server载入评论列表的,返回数据为json数据.我们这里要做的事情就是找到这种一个js文件,再找到请求url的拼接字符串.然后依据我们的需求,请求文章的评论列表获取到当前文章的评论json数据,然后进行解析工作.最后展示到我们的界面其

Android应用开发-小巫CSDN博客客户端之显示博文详细内容

Android应用开发-小巫CSDN博客客户端之显示博文详细内容 上篇博文给大家介绍的是如何嵌入有米广告并且获取收益,本篇博客打算讲讲关于如何在一个ListView里显示博文的详细信息,这个可能是童鞋们比较困惑的,因为一篇博客可能有标题.摘要.图片.代码等等元素组成,我们要怎么在一个界面中显示这些内容并且按照自己的指定的方式显示呢,别急,下面会告诉大家. 重新整理一下一篇博文可能有以下元素: 标题 摘要 文本内容 图片 粗标题 代码块 在UI篇小巫已经介绍了,博文详细内容的主要控件就是一个Lis

Android应用开发-小巫CSDN博客客户端之集成友盟社会化分享组件

Android应用开发-小巫CSDN博客客户端之集成友盟社会化分享组件 上一篇博客给大家介绍了如何分析网页并且使用jsoup这个库对html代码进行解析,本篇博客继续给大家介绍如何集成友盟社会化组件,如何使用SDK提供的API轻松实现多平台的社会化分享,官网的文档和Demo看起来很头疼的有木有,小巫在集成这个社会化的组件也有点烦躁,所以也需要各位耐心看下面的博文把友盟社会化组件集成到你的应用中去.为什么要选择友盟呢,这里也是答应了小喵的,要帮忙集成他们的服务,所以也顺带帮他们写一篇这样的博文,千

Android应用开发-小巫CSDN博客客户端Jsoup篇

Android应用开发-小巫CSDN博客客户端Jsoup篇 距上一篇博客已经过去了两个星期,小巫也觉得非常抱歉,因为在忙着做另外一个项目,几乎抽不出空来,这不小巫会把剩下的博文全部在国庆补上.本篇博客将会给大家介绍如何使用Jsoup这个库来解析我们的网页,并且如何对我们想解析的网页进行分析. Jsoup这个库的下载地址:http://jsoup.org/download 笔者这里使用的jsoup-1.7.2 下载完之后复制到项目中的libs目录下即可: Jsoup的资料比较少,可供参考的可到其官

Android应用开发-小巫CSDN博客客户端之嵌入有米广告

Android应用开发-小巫CSDN博客客户端之嵌入有米广告 上一篇博客给大家介绍如何集成友盟社会化组件,本篇继续带来干货,教大家如何嵌入广告到应用中去.小巫自称专业对接30年,熟悉各大渠道SDK的接入和使用,除非渠道提供的SDK很坑,不然只需要不到半个小时的时间就可以把SDK接入到应用当中.关于广告,是开发者比较关注的话题,为什么要嵌入广告呢,自然是为了为自己的辛苦劳作得到些许额外的收益,因为在国内除非做IOS付费软件,不然在Android平台下做收费软件是很难获得收益的,用户只想用看起来好用

Android应用开发-小巫CSDN博客客户端开发开篇

Android应用开发-小巫CSDN博客客户端开发开篇 2014年9月8日 八月十五 祝各位中秋节快乐 小巫断断续续花了几个星期的时间开发了这么一款应用--小巫CSDN博客,属于私人定制的这样的一款应用,整个客户端的数据全部来自本人博客,是通过爬取本人博客地址html页面,然后解析html把数据提取出来,整个客户端的技术难点主要是如何对html界面进行分析和使用Jsoup对html代码进行解析.目前本人的这款应用已经开发出来了,近段时间会提交应用商店进行审核,不久大家就可以看到这么一款逼格满满的

Android应用开发-小巫CSDN博客客户端UI篇

Android应用开发-小巫CSDN博客客户端UI篇 上一篇是给童鞋们介绍整个项目的概况,从这篇博文开始,后续也会详细介绍整个客户端的开发,但不会贴很多代码,我会贴核心代码然后提供实现思路,想看里面更详细的代码的可以到我的资源页下载源码进行查看,之前上传到github的少了些jar包,所以我在csdn下载频道也上传了一份,地址:http://download.csdn.net/detail/wwj_748/7912513. 整个客户端的开始,自然是需要搭建一个承载我们数据的框架,我这里所说的是U

Android应用开发-小巫CSDN博客客户端总结篇

Android应用开发-小巫CSDN博客客户端总结篇 小巫CSDN博客客户端的开发要告一段落了,这个作品已经成功在360.应用宝渠道上线,有兴趣的朋友可以到以下地址下载: 360手机助手:http://zhushou.360.cn/detail/index/soft_id/1973215?recrefer=SE_D_%E5%B0%8F%E5%B7%ABCSDN%E5%8D%9A%E5%AE%A2#prev 应用宝:http://android.myapp.com/myapp/detail.htm

Android应用开发-小巫CSDN博客client之嵌入有米广告

Android应用开发-小巫CSDN博客client之嵌入有米广告 上一篇博客给大家介绍怎样集成友盟社会化组件,本篇继续带来干货,教大家怎样嵌入广告到应用中去.小巫自称专业对接30年,熟悉各大渠道SDK的接入和使用,除非渠道提供的SDK非常坑,不然仅仅须要不到半个小时的时间就能够把SDK接入到应用其中.关于广告,是开发人员比較关注的话题,为什么要嵌入广告呢,自然是为了为自己的辛苦劳作得到些许额外的收益,由于在国内除非做IOS付费软件,不然在Android平台下做收费软件是非常难获得收益的,用户仅