json数据

 页签详情页数据

  

1. public class TabData {
3. public int retcode;
5. public TabDetail data;//不是数组的话类型就是这个
7. public class TabDetail {
8. public String title;
9. public String more;
10. public ArrayList<TabNewsData> news;
11. public ArrayList<TopNewsData> topnews;
13. @Override
14. public String toString() {
15. return "TabDetail [title=" + title + ", news=" + news
16. + ", topnews=" + topnews + "]";
17. }
18. }
20. /**
21. * 新闻列表对象
22. */
23. public class TabNewsData {
24. public String id;
25. public String listimage;
26. public String pubdate;
27. public String title;
28. public String type;
29. public String url;
31. @Override
32. public String toString() {
33. return "TabNewsData [title=" + title + "]";
34. }
35. }
37. /**
38. * 头条新闻
39. */
40. public class TopNewsData {
41. public String id;
42. public String topimage;
43. public String pubdate;
44. public String title;
45. public String type;
46. public String url;
48. @Override
49. public String toString() {
50. return "TopNewsData [title=" + title + "]";
51. }
52. }
54. @Override
55. public String toString() {
56. return "TabData [data=" + data + "]";
57. }
59. }

页签详情页

知识点：

• 使用xutils加载网络图片，xutils的configDefaultLoadingImage（）方法，设置默认图片 ，还有 BitmapFun 、ImageDownloader也能加载网络图片
• xutils的注解，不需要fandviewbyid了，但是前提是需要注入事件ViewUtils.inject(this, view);
• 可以给listview加个头，那样头也跟着滑动了，头上还能加头，lvList.addHeaderView(headerView);
• indicate的使用

1.list_header_topnews.xml：头条新闻

由于indicate自带的下面的几个点很难看，可以根据自己的需求修改

1. <RelativeLayout 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" >
6. <com.itheima.zhbj52.view.TopNewsViewPager
7. android:id="@+id/vp_news"
8. android:layout_width="match_parent"
9. android:layout_height="200dp" />
11. <RelativeLayout
12. android:layout_width="match_parent"
13. android:layout_height="wrap_content"
14. android:layout_alignParentBottom="true"
15. android:background="#a000"
16. android:padding="3dp" >
18. <TextView
19. android:id="@+id/tv_title"
20. android:layout_width="wrap_content"
21. android:layout_height="wrap_content"
22. android:textColor="#fff"
23. android:textSize="16sp" />
25. <com.viewpagerindicator.CirclePageIndicator//下面的几个点
26. android:id="@+id/indicator"
27. android:layout_width="wrap_content"
28. android:layout_height="wrap_content"
29. android:layout_alignParentRight="true"
30. android:padding="10dip"
31. app:fillColor="#f00"//点选中的颜色
32. app:pageColor="@android:color/darker_gray"//点默认的颜色
33. app:radius="3dp"//大小
34. app:strokeWidth="0dp" />//点外面的黑圆圈
35. </RelativeLayout>
37. </RelativeLayout>

2.list_news_item.xml

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. android:layout_width="match_parent"
3. android:layout_height="wrap_content"
4. android:padding="10dp"
5. >
7. <ImageView
8. android:id="@+id/iv_pic"
9. android:layout_width="110dp"
10. android:layout_height="70dp"
11. android:scaleType="fitXY"
12. android:padding="1dp"
13. android:background="@android:color/darker_gray"//padding了一个dp，背景是灰色的，图片外就显示出了一个边框
14. android:layout_alignParentLeft="true"
15. android:layout_alignParentTop="true"
16. android:src="@drawable/image_demo" />
18. <TextView
19. android:id="@+id/tv_title"
20. android:layout_width="wrap_content"
21. android:layout_height="wrap_content"
22. android:layout_alignParentTop="true"
23. android:layout_marginLeft="20dp"
24. android:layout_toRightOf="@+id/iv_pic"
25. android:text="新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题"
26. android:textColor="#000"
27. android:maxLines="2"
28. android:ellipsize="end"
29. android:textSize="20sp" />
31. <TextView
32. android:id="@+id/tv_date"
33. android:layout_width="wrap_content"
34. android:layout_height="wrap_content"
35. android:layout_alignLeft="@id/tv_title"
36. android:text="2015-03-16 16:20"
37. android:layout_alignBottom="@id/iv_pic"
38. android:textColor="@android:color/darker_gray"
39. android:textSize="16sp" />
41. </RelativeLayout>

3、tab_detail_pager.xml

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. android:layout_width="match_parent"
3. android:layout_height="match_parent"
4. android:orientation="vertical" >
6. <com.itheima.zhbj52.view.RefreshListView
7. android:id="@+id/lv_list"
8. android:layout_width="match_parent"
9. android:layout_height="0dp"
10. android:cacheColorHint="#fff"
11. android:layout_weight="1" >
12. </com.itheima.zhbj52.view.RefreshListView>
14. </LinearLayout>

4.页签详情页

1. public class TabDetailPager extends BaseMenuDetailPager implements
2. OnPageChangeListener {
4. NewsTabData mTabData;// 新闻页签数据

// private TextView tvText; private String mUrl;// 访问页签的网络地址 private TabData mTabDetailData;// 页签详情页数据 @ViewInject(R.id.vp_news) private ViewPager mViewPager;// 头条新闻的pager @ViewInject(R.id.tv_title) private TextView tvTitle;// 头条新闻的标题 private ArrayList<TopNewsData> mTopNewsList;// 头条新闻数据集合 @ViewInject(R.id.indicator) private CirclePageIndicator mIndicator;// 头条新闻位置指示器 @ViewInject(R.id.lv_list) private RefreshListView lvList;// 新闻列表 private ArrayList<TabNewsData> mNewsList; // 新闻数据集合 private NewsAdapter mNewsAdapter;// 给list设置的adapter

public TabDetailPager(Activity activity, NewsTabData newsTabData) {

super(activity);

mTabData = newsTabData;//new的时候把数据和连接地址也创建了

mUrl = GlobalContants.SERVER_URL + mTabData.url;

}

@Override

public View initViews() {

View view = View.inflate(mActivity, R.layout.tab_detail_pager, null);//下拉刷新

// 加载头布局

View headerView = View.inflate(mActivity, R.layout.list_header_topnews,

null);

ViewUtils.inject(this, view);

ViewUtils.inject(this, headerView);

// 将头条新闻以头布局的形式加给listview

lvList.addHeaderView(headerView);

return view;

}

@Override

public void initData() {

getDataFromServer();

}

private void getDataFromServer() {

HttpUtils utils = new HttpUtils();

utils.send(HttpMethod.GET, mUrl, new RequestCallBack<String>() {

@Override

public void onSuccess(ResponseInfo<String> responseInfo) {

String result = (String) responseInfo.result;

System.out.println("页签详情页返回结果:" + result);

parseData(result);

}

@Override

public void onFailure(HttpException error, String msg) {

Toast.makeText(mActivity, msg, Toast.LENGTH_SHORT).show();

error.printStackTrace();

}

});

}

protected void parseData(String result) {

Gson gson = new Gson();

mTabDetailData = gson.fromJson(result, TabData.class);

System.out.println("页签详情解析:" + mTabDetailData);

mTopNewsList = mTabDetailData.data.topnews;

mNewsList = mTabDetailData.data.news;

if (mTopNewsList != null) {

mViewPager.setAdapter(new TopNewsAdapter());

mIndicator.setViewPager(mViewPager);

mIndicator.setSnap(true);// 支持快照显示，即不是慢慢的滑过去，而是跳过去

mIndicator.setOnPageChangeListener(this);

mIndicator.onPageSelected(0);// 让指示器重新定位到第一个点

tvTitle.setText(mTopNewsList.get(0).title);//首先让他显示个字

}

if (mNewsList != null) {

mNewsAdapter = new NewsAdapter();

lvList.setAdapter(mNewsAdapter);

}

}

/**

* 头条新闻适配器

*

* @author Kevin

*

*/

class TopNewsAdapter extends PagerAdapter {

private BitmapUtils utils;

public TopNewsAdapter() {

utils = new BitmapUtils(mActivity);

utils.configDefaultLoadingImage(R.drawable.topnews_item_default);// 设置默认图片

}

@Override

public int getCount() {

return mTabDetailData.data.topnews.size();

}

@Override

public boolean isViewFromObject(View arg0, Object arg1) {

return arg0 == arg1;

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

ImageView image = new ImageView(mActivity);

image.setScaleType(ScaleType.FIT_XY);// 基于控件大小填充图片

TopNewsData topNewsData = mTopNewsList.get(position);

utils.display(image, topNewsData.topimage);// 传递imagView对象和图片地址

container.addView(image);

System.out.println("instantiateItem....." + position);

return image;

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

container.removeView((View) object);

}

}

/**

* 新闻列表的适配器

*

* @author Kevin

*

*/

class NewsAdapter extends BaseAdapter {

private BitmapUtils utils;

public NewsAdapter() {

utils = new BitmapUtils(mActivity);

utils.configDefaultLoadingImage(R.drawable.pic_item_list_default);

}

@Override

public int getCount() {

return mNewsList.size();

}

@Override

public TabNewsData getItem(int position) {

return mNewsList.get(position);

}

@Override

public long getItemId(int position) {

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup parent) {

ViewHolder holder;

if (convertView == null) {

convertView = View.inflate(mActivity, R.layout.list_news_item,

null);

holder = new ViewHolder();

holder.ivPic = (ImageView) convertView

.findViewById(R.id.iv_pic);

holder.tvTitle = (TextView) convertView

.findViewById(R.id.tv_title);

holder.tvDate = (TextView) convertView

.findViewById(R.id.tv_date);

convertView.setTag(holder);

} else {

holder = (ViewHolder) convertView.getTag();

}

TabNewsData item = getItem(position);

holder.tvTitle.setText(item.title);

holder.tvDate.setText(item.pubdate);

utils.display(holder.ivPic, item.listimage);

return convertView;

}

}

static class ViewHolder {

public TextView tvTitle;

public TextView tvDate;

public ImageView ivPic;

}

@Override

public void onPageScrollStateChanged(int arg0) {

}

@Override

public void onPageScrolled(int arg0, float arg1, int arg2) {

}

@Override

public void onPageSelected(int arg0) {

TopNewsData topNewsData = mTopNewsList.get(arg0);

tvTitle.setText(topNewsData.title);

}

}