9.indicate、xutils、json

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 {
    1. 	NewsTabData mTabData;// 新闻页签数据
    2. 	// private TextView tvText;
    3. 	private String mUrl;// 访问页签的网络地址
    4. 	private TabData mTabDetailData;// 页签详情页数据
    6. 	@ViewInject(R.id.vp_news)
    7. 	private ViewPager mViewPager;// 头条新闻的pager
    8. 	@ViewInject(R.id.tv_title)
    9. 	private TextView tvTitle;// 头条新闻的标题
    10. 	private ArrayList<TopNewsData> mTopNewsList;// 头条新闻数据集合
    11. 	@ViewInject(R.id.indicator)
    12. 	private CirclePageIndicator mIndicator;// 头条新闻位置指示器
    14. 	@ViewInject(R.id.lv_list)
    15. 	private RefreshListView lvList;// 新闻列表
    16. 	private ArrayList<TabNewsData> mNewsList; // 新闻数据集合
    17. 	private NewsAdapter mNewsAdapter;// 给list设置的adapter

  5. 	public TabDetailPager(Activity activity, NewsTabData newsTabData) {
  6. 		super(activity);
  7. 		mTabData = newsTabData;//new的时候把数据和连接地址也创建了
  8. 		mUrl = GlobalContants.SERVER_URL + mTabData.url;
  9. 	}
  11. 	@Override
  12. 	public View initViews() {
  13. 		View view = View.inflate(mActivity, R.layout.tab_detail_pager, null);//下拉刷新
  14. 		// 加载头布局
  15. 		View headerView = View.inflate(mActivity, R.layout.list_header_topnews,
  16. 				null);
  18. 		ViewUtils.inject(this, view);
  19. 		ViewUtils.inject(this, headerView);
  21. 		// 将头条新闻以头布局的形式加给listview
  22. 		lvList.addHeaderView(headerView);
  23. 		return view;
  24. 	}
  26. 	@Override
  27. 	public void initData() {
  28. 		getDataFromServer();
  29. 	}
  31. 	private void getDataFromServer() {
  32. 		HttpUtils utils = new HttpUtils();
  33. 		utils.send(HttpMethod.GET, mUrl, new RequestCallBack<String>() {
  35. 			@Override
  36. 			public void onSuccess(ResponseInfo<String> responseInfo) {
  37. 				String result = (String) responseInfo.result;
  38. 				System.out.println("页签详情页返回结果:" + result);
  40. 				parseData(result);
  41. 			}
  43. 			@Override
  44. 			public void onFailure(HttpException error, String msg) {
  45. 				Toast.makeText(mActivity, msg, Toast.LENGTH_SHORT).show();
  46. 				error.printStackTrace();
  47. 			}
  48. 		});
  49. 	}
  51. 	protected void parseData(String result) {
  52. 		Gson gson = new Gson();
  53. 		mTabDetailData = gson.fromJson(result, TabData.class);
  54. 		System.out.println("页签详情解析:" + mTabDetailData);
  56. 		mTopNewsList = mTabDetailData.data.topnews;
  58. 		mNewsList = mTabDetailData.data.news;
  60. 		if (mTopNewsList != null) {
  61. 			mViewPager.setAdapter(new TopNewsAdapter());
  62. 			mIndicator.setViewPager(mViewPager);
  63. 			mIndicator.setSnap(true);// 支持快照显示，即不是慢慢的滑过去，而是跳过去
  64. 			mIndicator.setOnPageChangeListener(this);
  66. 			mIndicator.onPageSelected(0);// 让指示器重新定位到第一个点
  68. 			tvTitle.setText(mTopNewsList.get(0).title);//首先让他显示个字
  69. 		}
  71. 		if (mNewsList != null) {
  72. 			mNewsAdapter = new NewsAdapter();
  73. 			lvList.setAdapter(mNewsAdapter);
  74. 		}
  75. 	}
  77. 	/**
  78. 	 * 头条新闻适配器
  79. 	 * 
  80. 	 * @author Kevin
  81. 	 * 
  82. 	 */
  83. 	class TopNewsAdapter extends PagerAdapter {
  85. 		private BitmapUtils utils;
  87. 		public TopNewsAdapter() {
  88. 			utils = new BitmapUtils(mActivity);
  89. 			utils.configDefaultLoadingImage(R.drawable.topnews_item_default);// 设置默认图片
  90. 		}
  92. 		@Override
  93. 		public int getCount() {
  94. 			return mTabDetailData.data.topnews.size();
  95. 		}
  97. 		@Override
  98. 		public boolean isViewFromObject(View arg0, Object arg1) {
  99. 			return arg0 == arg1;
  100. 		}
  102. 		@Override
  103. 		public Object instantiateItem(ViewGroup container, int position) {
  104. 			ImageView image = new ImageView(mActivity);
  105. 			image.setScaleType(ScaleType.FIT_XY);// 基于控件大小填充图片
  107. 			TopNewsData topNewsData = mTopNewsList.get(position);
  108. 			utils.display(image, topNewsData.topimage);// 传递imagView对象和图片地址
  110. 			container.addView(image);
  111. 			
  112. 			System.out.println("instantiateItem....." + position);
  113. 			return image;
  114. 		}
  116. 		@Override
  117. 		public void destroyItem(ViewGroup container, int position, Object object) {
  118. 			container.removeView((View) object);
  119. 		}
  120. 	}
  122. 	/**
  123. 	 * 新闻列表的适配器
  124. 	 * 
  125. 	 * @author Kevin
  126. 	 * 
  127. 	 */
  128. 	class NewsAdapter extends BaseAdapter {
  130. 		private BitmapUtils utils;
  132. 		public NewsAdapter() {
  133. 			utils = new BitmapUtils(mActivity);
  134. 			utils.configDefaultLoadingImage(R.drawable.pic_item_list_default);
  135. 		}
  137. 		@Override
  138. 		public int getCount() {
  139. 			return mNewsList.size();
  140. 		}
  142. 		@Override
  143. 		public TabNewsData getItem(int position) {
  144. 			return mNewsList.get(position);
  145. 		}
  147. 		@Override
  148. 		public long getItemId(int position) {
  149. 			return position;
  150. 		}
  152. 		@Override
  153. 		public View getView(int position, View convertView, ViewGroup parent) {
  154. 			ViewHolder holder;
  155. 			if (convertView == null) {
  156. 				convertView = View.inflate(mActivity, R.layout.list_news_item,
  157. 						null);
  158. 				holder = new ViewHolder();
  159. 				holder.ivPic = (ImageView) convertView
  160. 						.findViewById(R.id.iv_pic);
  161. 				holder.tvTitle = (TextView) convertView
  162. 						.findViewById(R.id.tv_title);
  163. 				holder.tvDate = (TextView) convertView
  164. 						.findViewById(R.id.tv_date);
  166. 				convertView.setTag(holder);
  167. 			} else {
  168. 				holder = (ViewHolder) convertView.getTag();
  169. 			}
  171. 			TabNewsData item = getItem(position);
  173. 			holder.tvTitle.setText(item.title);
  174. 			holder.tvDate.setText(item.pubdate);
  176. 			utils.display(holder.ivPic, item.listimage);
  178. 			return convertView;
  179. 		}
  181. 	}
  183. 	static class ViewHolder {
  184. 		public TextView tvTitle;
  185. 		public TextView tvDate;
  186. 		public ImageView ivPic;
  187. 	}
  189. 	@Override
  190. 	public void onPageScrollStateChanged(int arg0) {
  192. 	}
  194. 	@Override
  195. 	public void onPageScrolled(int arg0, float arg1, int arg2) {
  197. 	}
  199. 	@Override
  200. 	public void onPageSelected(int arg0) {
  201. 		TopNewsData topNewsData = mTopNewsList.get(arg0);
  202. 		tvTitle.setText(topNewsData.title);
  203. 	}
  204. }








posted @ 2015-10-27 22:08  梦和远方  阅读(185)  评论(0)  编辑  收藏  举报