zoukankan      html  css  js  c++  java

  • 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. }
  • 相关阅读:
    hdu2896 病毒肆虐【AC自动机】
    poj1066 Treasure Hunt【计算几何】
    vue教程3-webpack搭建项目
    棋牌手游在线人数监控系统
    vue教程2-组件化开发
    vue教程1-初体验
    DRF教程6-分页
    DRF教程5-API接口文档和接口测试
    DRF教程4-视图集和路由类
    DRF教程3-类视图
  • 原文地址：https://www.cnblogs.com/sixrain/p/4915766.html
Copyright © 2011-2022 走看看