仿知乎日报第十一篇：从网络为12个页面加载数据，并设置数据

一.我们前面讲了一下，12个页面的只要获得相应的id，就能和http://news-at.zhihu.com/api/4/theme/组合起来获得相应的主题日报的数据，例如日常心理学的id是13，它的url就是http://news-at.zhihu.com/api/4/theme/13；用户推荐日报的id是12，它的url就是http://news-at.zhihu.com/api/4/theme/12。另外12个页面获得的json数据格式是一样的，获得数据解析后放到相应的布局上面，而12个页面的布局也是一样的。所以我们可以创建一个类ThemeDailyBasePage继承于BasePage，把以上所说从网络加载数据的逻辑放在这个类里面，然后12页面继承于这个类，设置各自不同的标题就可以了。

现在直接看代码：

public class ThemeDailyBasePage extends BasePage {

private Gson                           mGson;
private SingleThemeDailyBean              mSingleThemeDailyDatas;
private BitmapUtils                       mBitmapUtils;
private List<SingleThemeFDailyListDatas>  mListViewDatas    = newArrayList<SingleThemeDailyBean.SingleThemeFDailyListDatas>();
private MyAdapter                      mAdapter;
private String                            mThemeDailyNumberString;

public ThemeDailyBasePage(MainActivity mainActivity) {
super(mainActivity);

}

@Override
protected void initListener() {
super.initListener();

lvNews.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> parent, View view,
int position, long id) {
//            ListView的item一点击，拿到该item所对应的文章url，跟着Intent一起去ArticleActivity
if (position != 0) {
String url = MyContants.BASEARTICLESTRING
+ mSingleThemeDailyDatas.stories.get(position-1).id;

Intent intent = new Intent(mainActivity,
ArticleActivity.class);
intent.putExtra("articleUrl", url);
mainActivity.startActivity(intent);
}

}
});
}

@Override
public void initData(String themeDailyNumber) {
//     传入12个页面各自的id
this.mThemeDailyNumberString = themeDailyNumber;
//     BitmapUtils初始化，用来异步加载图片
if (mBitmapUtils == null) {

mBitmapUtils = new BitmapUtils(mainActivity);
}

mAdapter = new MyAdapter();
//     为ListView设置Adapter
lvNews.setAdapter(mAdapter);

//     隐藏轮播图
vpLunboPic.setVisibility(View.GONE);
//     显示ImageView
ivPic.setVisibility(View.VISIBLE);
//     隐藏轮播图下面的点
mFlLunboPoints.setVisibility(View.GONE);
//     隐藏今日热文的TextView
tvHomeTitle.setVisibility(View.GONE);
//     显示放主编图片的容器LinearLayout
llEditors.setVisibility(View.VISIBLE);
//     加载数据
loadData();
}

public void loadData() {
//     拼接url
String url = MyContants.SINGETHEMEPREFIXURL + mThemeDailyNumberString;
HttpUtils httpUtils = new HttpUtils();
//     用HttpUtils类从网络异步加载数据
//     第一个参数：get方式加载
//     第二个参数：url
//     第三个参数：RequestCallBack回调，如果访问网络成功则调用onSuccess，失败则调用onFailure
httpUtils.send(HttpMethod.GET, url, new RequestCallBack<String>() {

@Override
public void onSuccess(ResponseInfo<String> responseInfo) {
//            拿到json数据
String jsonDataString = responseInfo.result;
//System.out.println(jsonDataString);
//            解析json数据
parseData(jsonDataString);
}

@Override
public void onFailure(HttpException error, String msg) {
// TODO自动生成的方法存根

}
});

}

public void parseData(String jsonDataString) {
//     创建Gson对象，这个对象有一个就可以了，所以判断只有为空才创建
if (mGson == null) {

mGson = new Gson();
}
//     用Gson解析json数据
mSingleThemeDailyDatas = mGson.fromJson(jsonDataString,
SingleThemeDailyBean.class);
//System.out.println(mSingleThemeDailyDatas.editors.get(0).bio);
//     处理数据
processData();
}

private void processData() {
// 1.设置大图片
setBigPicture();

// 2.设置标题
setPictureTitle();

// 3.设置主编图片
setEditorsPic();

// 4.设置ListView数据
setListViewData();
}

private void setListViewData() {
//     设置ListView的数据
mListViewDatas = mSingleThemeDailyDatas.stories;
//     通知更新ListView中的数据
mAdapter.notifyDataSetChanged();

}

private class MyAdapter extends BaseAdapter {

@Override
public int getCount() {
// TODO自动生成的方法存根
return mListViewDatas.size();
}

@Override
public Object getItem(int position) {
// TODO自动生成的方法存根
return null;
}

@Override
public long getItemId(int position) {
// TODO自动生成的方法存根
return 0;
}

@Override
public View getView(int position, View convertView, ViewGroupparent) {
ViewHolder viewHolder;
if (convertView == null) {
//            加载ListView中item的布局
convertView = View.inflate(mainActivity, R.layout.list_item,
null);
viewHolder = new ViewHolder();
//            拿到ListView的item中的控件TextView
viewHolder.textView = (TextView) convertView
.findViewById(R.id.tv_list_item_title);

convertView.setTag(viewHolder);
} else {
viewHolder = (ViewHolder) convertView.getTag();
}

String listItemTitle = mSingleThemeDailyDatas.stories.get(position).title;
//         为控件TextView设置标题数据
viewHolder.textView.setText(listItemTitle);

/*
* if((mSingleThemeDailyDatas.stories.get(position).images.get(0))
* != null&&
*(mSingleThemeDailyDatas.stories.get(position).images.get(0)) !=
* "") {
*
* StringlistItemImageUrl =
*mSingleThemeDailyDatas.stories.get(position).images.get(0);
*mBitmapUtils.display(viewHolder.imageView, listItemImageUrl); }
*/
return convertView;
}

}

public class ViewHolder {

TextView   textView;
}

private void setEditorsPic() {
//     移除所有主编的图片
llEditorPics.removeAllViews();
//     遍历，有多少主编头像的图片，就遍历多少次
for (int i = 0; i < mSingleThemeDailyDatas.editors.size(); i++) {
//         拿到头像图片
String editorsPicUrl = mSingleThemeDailyDatas.editors.get(i).avatar;
//         创建ImageView
ImageView imageView = new ImageView(mainActivity);
//         ImageView的背景在x轴，y轴拉伸后放在ImageView上面
imageView.setScaleType(ScaleType.CENTER);
//         拿到LayoutParams对象
LayoutParams layoutParams = new LayoutParams(DensityUtil.dip2px(
mainActivity, 40), DensityUtil.dip2px(mainActivity, 480));
//         除了第一个ImageView，后面的ImageView的左边距为10dp
if (i != 0) {
layoutParams.leftMargin = DensityUtil.dip2px(mainActivity, 10);
}
//         为ImageView设置LayoutParams
imageView.setLayoutParams(layoutParams);
//         用BitmapUtils异步加载图片
mBitmapUtils.display(imageView, editorsPicUrl);
//         把头像加到LinearLayout容器中
llEditorPics.addView(imageView);

}

}

private void setPictureTitle() {
//     拿到标题数据
String pictureTitle = mSingleThemeDailyDatas.description;
//     设置标题数据
tvLunboTitle.setText(pictureTitle);
}

private void setBigPicture() {
//     拿到大图片数据

String picUrl = mSingleThemeDailyDatas.image;
//     System.out.println(picUrl);
//     用BitmapUtils异步加载图片
mBitmapUtils.display(ivPic, picUrl);

}

}

二.跟上一篇一样，代码逻辑也超级简单，只要把逻辑弄清楚了，代码很容易写出来，就算还不熟悉，根据逻辑在代码中看注释就没有问题了



简单说一下，先初始化一些对象，显示需要的控件，隐藏不需要的控件，再从网络拿到json数据，再解析数据，再把数据设置到相应的控件上面。