1.解析json数据:

  1. public class PhotosData {
  2. public int retcode;
  3. public PhotosInfo data;
  4. public class PhotosInfo {
  5. public String title;
  6. public ArrayList<PhotoInfo> news;
  7. }
  8. public class PhotoInfo {
  9. public String id;
  10. public String listimage;
  11. public String pubdate;
  12. public String title;
  13. public String type;
  14. public String url;
  15. }
  16. }

2.布局:
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="match_parent"
  3. android:layout_height="match_parent" >
  4. <ListView
  5. android:id="@+id/lv_photo"
  6. android:layout_width="match_parent"
  7. android:layout_height="match_parent"
  8. android:cacheColorHint="#fff"
  9. android:divider="@null" />
  10. <GridView
  11. android:id="@+id/gv_photo"
  12. android:layout_width="match_parent"
  13. android:layout_height="match_parent"
  14. android:numColumns="2"
  15. android:visibility="gone" />
  16. </FrameLayout>
使用同一个子布局,同一个adapter
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="match_parent"
  3. android:layout_height="wrap_content"
  4. android:orientation="vertical" >
  5. <LinearLayout
  6. android:layout_width="match_parent"
  7. android:layout_height="wrap_content"
  8. android:layout_margin="10dp"
  9. android:background="@drawable/pic_list_item_bg"
  10. android:gravity="center"
  11. android:orientation="vertical" >
  12. <ImageView
  13. android:id="@+id/iv_pic"
  14. android:layout_width="match_parent"
  15. android:layout_height="180dp"
  16. android:scaleType="centerCrop"
  17. android:src="@drawable/news_pic_default" />
  18. <TextView
  19. android:id="@+id/tv_title"
  20. android:layout_width="match_parent"
  21. android:layout_height="wrap_content"
  22. android:padding="10dp"
  23. android:text="标题"
  24. android:singleLine="true"
  25. android:textColor="#000"
  26. android:textSize="22sp" />
  27. </LinearLayout>
  28. </LinearLayout>
3.菜单详情页—组图
  1. public static final String PHOTOS_URL = SERVER_URL
  2. + "/photos/photos_1.json";// 获取组图信息的接口
  1. public class PhotoMenuDetailPager extends BaseMenuDetailPager {
  2. private ListView lvPhoto;
  3. private GridView gvPhoto;
  4. private ArrayList<PhotoInfo> mPhotoList;
  5. private PhotoAdapter mAdapter;
  6. private ImageButton btnPhoto;
  7. public PhotoMenuDetailPager(Activity activity, ImageButton btnPhoto) { super(activity);
  8. this.btnPhoto = btnPhoto;
  9. //这样就把imagebutton传了过来,好方法。在构造函数里传
  10. btnPhoto.setOnClickListener(new OnClickListener() {
  11. @Override
  12. public void onClick(View v) {
  13. changeDisplay();
  14. }
  15. });
  16. }
  17. @Override
  18. public View initViews() {
  19. View view = View.inflate(mActivity, R.layout.menu_photo_pager, null);
  20. lvPhoto = (ListView) view.findViewById(R.id.lv_photo);
  21. gvPhoto = (GridView) view.findViewById(R.id.gv_photo);
  22. return view;
  23. }
  24. @Override
  25. public void initData() {
  26. String cache = CacheUtils
  27. .getCache(GlobalContants.PHOTOS_URL, mActivity);
  28. if (!TextUtils.isEmpty(cache)) {
  29. }
  30. getDataFromServer();
  31. }
  32. private void getDataFromServer() {
  33. HttpUtils utils = new HttpUtils();
  34. utils.send(HttpMethod.GET, GlobalContants.PHOTOS_URL,
  35. new RequestCallBack<String>() {
  36. @Override
  37. public void onSuccess(ResponseInfo<String> responseInfo) {
  38. String result = (String) responseInfo.result;
  39. parseData(result);
  40. // 设置缓存
  41. CacheUtils.setCache(GlobalContants.PHOTOS_URL, result,
  42. mActivity);
  43. }
  44. @Override
  45. public void onFailure(HttpException error, String msg) {
  46. Toast.makeText(mActivity, msg, Toast.LENGTH_SHORT)
  47. .show();
  48. error.printStackTrace();
  49. }
  50. });
  51. }
  52. protected void parseData(String result) {
  53. Gson gson = new Gson();
  54. PhotosData data = gson.fromJson(result, PhotosData.class);
  55. mPhotoList = data.data.news;// 获取组图列表集合
  56. if (mPhotoList != null) {
  57. mAdapter = new PhotoAdapter();
  58. lvPhoto.setAdapter(mAdapter);
  59. gvPhoto.setAdapter(mAdapter);
  60. }
  61. }
  62. class PhotoAdapter extends BaseAdapter {
  63. private BitmapUtils utils;
  64. public PhotoAdapter() {
  65. utils = new BitmapUtils(mActivity);
  66. utils.configDefaultLoadingImage(R.drawable.news_pic_default);
  67. }
  68. @Override
  69. public int getCount() {
  70. return mPhotoList.size();
  71. }
  72. @Override
  73. public PhotoInfo getItem(int position) {
  74. return mPhotoList.get(position);
  75. }
  76. @Override
  77. public long getItemId(int position) {
  78. return position;
  79. }
  80. @Override
  81. public View getView(int position, View convertView, ViewGroup parent) {
  82. ViewHolder holder;
  83. if (convertView == null) {
  84. convertView = View.inflate(mActivity, R.layout.list_photo_item,
  85. null);
  86. holder = new ViewHolder();
  87. holder.tvTitle = (TextView) convertView
  88. .findViewById(R.id.tv_title);
  89. holder.ivPic = (ImageView) convertView
  90. .findViewById(R.id.iv_pic);
  91. convertView.setTag(holder);
  92. } else {
  93. holder = (ViewHolder) convertView.getTag();
  94. }
  95. PhotoInfo item = getItem(position);
  96. holder.tvTitle.setText(item.title);
  97. utils.display(holder.ivPic, item.listimage);
  98. return convertView;
  99. }
  100. }
  101. static class ViewHolder {
  102. public TextView tvTitle;
  103. public ImageView ivPic;
  104. }
  105. private boolean isListDisplay = true;// 是否是列表展示
  106. /**
  107. * 切换展现方式
  108. */
  109. private void changeDisplay() {
  110. if (isListDisplay) {
  111. isListDisplay = false;
  112. lvPhoto.setVisibility(View.GONE);
  113. gvPhoto.setVisibility(View.VISIBLE);
  114. btnPhoto.setImageResource(R.drawable.icon_pic_list_type);
  115. } else {
  116. isListDisplay = true;
  117. lvPhoto.setVisibility(View.VISIBLE);
  118. gvPhoto.setVisibility(View.GONE);
  119. btnPhoto.setImageResource(R.drawable.icon_pic_grid_type);
  120. }
  121. }
  122. }
4.其他
在basepager里添加这样一个按钮,并findviewbyid出来,因为菜单是新闻中心里才有的,组图是菜单里的一项
  1. <ImageButton
  2. android:id="@+id/btn_photo"
  3. android:layout_width="wrap_content"
  4. android:layout_height="wrap_content"
  5. android:layout_alignParentRight="true"
  6. android:layout_centerVertical="true"
  7. android:layout_marginRight="5dp"
  8. android:background="@null"
  9. android:src="@drawable/icon_pic_grid_type"
  10. android:visibility="gone" />
新闻中心页面setCurrentMenuDetailPager中
  1. if (pager instanceof PhotoMenuDetailPager) {
  2. btnPhoto.setVisibility(View.VISIBLE);
  3. } else {
  4. btnPhoto.setVisibility(View.GONE);
  5. }






12、json、GridView、缓存的更多相关文章

  1. 循序渐进学.Net Core Web Api开发系列【12】:缓存

    系列目录 循序渐进学.Net Core Web Api开发系列目录 本系列涉及到的源码下载地址:https://github.com/seabluescn/Blog_WebApi 一.概述 本篇介绍如 ...

  2. asp.net mvc json数据缓存

    一些虚拟主机资源给的少, 如果直接用框架缓存, 估计内存就爆了吧, 如果不用缓存, 虚拟主机自带的数据库也是限制资源的, 访问多了就直接给timeout了, 用json文件形式缓存查询出来的数据, 虽 ...

  3. ajax访问json文件缓存问题

    ajax访问json文件,json文件改动,访问的时候也不能及时看到改动后的内容. 这是因为浏览器缓存的原因. 在这时候就需要清除浏览器的缓存或者加上一个标记,让ajax访问文件的时候知道这是一个新的 ...

  4. 从微信小程序到鸿蒙js开发【12】——storage缓存&自动登录

    鸿蒙入门指南,小白速来!从萌新到高手,怎样快速掌握鸿蒙开发?[课程入口] 正文: 在应用开发时,我们常需要将一些数据缓存到本地,以提升用户体验.比如在一个电商的app中,如果希望用户登录成功后,下次打 ...

  5. 2015.05.12:json的常用处理方式

    1:json的介绍:json常用于前台与后台的数据传输  传递时需将json对象转换为json字符 JSON.stringify(); 2:json格式的查看应用:JsonView 3:后台获取到js ...

  6. 12.19 redis缓存

    ---恢复内容开始--- 命中:应用程序从key中获取数据,取到后返回 失效:到设置的失效时间后就失效 更新:应用程序把数据存到数据库中后又放回去 在项目中使用redis方法 结合业务场景,避免滥用 ...

  7. 12、pytest -- 缓存:记录执行的状态

    目录 1. cacheprovider插件 1.1. --lf, --last-failed:只执行上一轮失败的用例 1.2. --ff, --failed-first:先执行上一轮失败的用例,再执行 ...

  8. Pytest(12)pytest缓存

    前言 pytest 运行完用例之后会生成一个 .pytest_cache 的缓存文件夹,用于记录用例的ids和上一次失败的用例. 方便我们在运行用例的时候加上--lf 和 --ff 参数,快速运行上一 ...

  9. GridView控件

    GridView是ASP.NET 1.x的DataGrid控件的后继者.它提供了同样的基本功能集,同一时候添加�了大量扩展和改进.如前所述,DataGrid(ASP.NET 2.0仍然全然支持)是一个 ...

  10. asp.net实现SQL2005的通知数据缓存

    首先第一步是确保您的 Service Broker 已经激活,激活 Service Broker (Transact-SQL)如下: USE master ; GO ALTER DATABASE Yo ...

随机推荐

  1. docker 删除所有none的镜像

    docker images|grep none|awk '{print $3}'|xargs docker rmi

  2. Convolutional LSTM Network: A Machine LearningApproach for Precipitation Nowcasting

    Convolutional LSTM Network: A Machine LearningApproach for Precipitation Nowcasting 这篇文章主要是了解方法. 原始文 ...

  3. tomcat启动,但是访问不了可能的一种状况。

    Tomcat启动但是访问http://localhost:8080/或者http://127.0.0.1:8080/ 访问不了的时候, 有可能是因为你用了代理,把代理去掉就可以了

  4. Unique Letter String LT828

    A character is unique in string S if it occurs exactly once in it. For example, in string S = " ...

  5. left join中where与on的区别

    举例进行说明,我们现在有两个表,即商品表(products)与sales_detail(销售记录表).我们主要是通过这两个表来对MySQL关联left join 条件on与where 条件的不同之处进 ...

  6. dede织梦后台-退出空白,注销空白,打开空白,登录返回首页,登录返回登录页面

    24.php 5.4版本 后台500错误,打开空白的问题 不兼容 登录时空白 后台空白 24-1./include/userlogin.class.php 今天把电脑上的phpStudy升级到2013 ...

  7. java Quartz任务调度器

    1.quarz对java1.5实现的简单调度做了封装 /**     * quartz对任务调度进了高度抽象: 1调度器:2任务:3触发器     * Job接口(任务):定义需要调度的任务     ...

  8. 从零开始学java (五)接口与内部类

    接口,是描述类具有什么样的功能,而不是给出每个功能的实现.一个类可以implements多个接口...接口中可以含有 变量和方法.但是要注意, 接口中的变量会被隐式地指定为public static ...

  9. 使用rancher2建k8s集群--个人学习记录

    视频地址这里: http://live.vhall.com/431874021 原生文档这里:https://www.cnrancher.com/docs/rancher/v2.x/cn/overvi ...

  10. JS中的同步和异步

    javascript语言是一门“单线程”的语言,不像java语言,类继承Thread再来个thread.start就可以开辟一个线程,所以,javascript就像一条流水线,仅仅是一条流水线而已,要 ...