仿知乎日报第十篇：从网络加载首页数据，为首页设置数据

一.这一篇我们要从网络为首页加载数据，解析数据，并为各个组件设置数据。我们先来看看HomePage的代码，逻辑后面分析。代码看起虽然挺多的，逻辑却没有几步。

public class HomeBasePage extends BasePage {
 
    private Gson                mGson;
    private HomeDataBean        mHomeData;
    private List<HomeLunboData>     mLunboDatas       = new ArrayList<HomeDataBean.HomeLunboData>();
    private List<HomeListViewData>  mListViewDatas    = newArrayList<HomeDataBean.HomeListViewData>();
    private LunboAdapter        mLunboAdapter;
    private int                     selectedPosition;
    private ListViewAdapter         mListViewAdapter;
    private BitmapUtils             mBitmapUtils;
 
    public HomeBasePage(MainActivity mainActivity) {
       super(mainActivity);
       // TODO自动生成的构造函数存根
    }
 
    @Override
    public void initData(String themeDailyNumber) {
//     BitmapUtils类专门用来异步从网络加载图片
       if (mBitmapUtils == null) {
           mBitmapUtils = new BitmapUtils(mainActivity);
           mBitmapUtils.configDefaultBitmapConfig(Config.ARGB_4444);
       }
//     首页显示设置按钮
       ibSetting.setVisibility(View.VISIBLE);
//     设置首页标题
       tvTitle.setText("首页");
//     从网络中加载数据
       loadData();
 
    }
 
    @Override
    protected void initListener() {
       vpLunboPic.setOnPageChangeListener(new OnPageChangeListener() {
 
           @Override
           public void onPageSelected(int position) {
//            轮播图一切换，拿到该页面的position，传给成员变量selectedPosition
              selectedPosition = position;
//            为轮播图设置标题并把该页面对应的点从灰色变成白色
              setTextAndSelectPoint();
           }
 
           @Override
           public void onPageScrolled(int arg0, float arg1, int arg2) {
              // TODO自动生成的方法存根
 
           }
 
           @Override
           public void onPageScrollStateChanged(int arg0) {
              // TODO自动生成的方法存根
 
           }
       });
//     ListView的item一点击，带着该item的文章id去ArticleActivity
       lvNews.setOnItemClickListener(new OnItemClickListener() {
 
           @Override
           public void onItemClick(AdapterView<?> parent, View view,
                  int position, long id) {
//            因为ListView有个头布局，而头布局的position为0，头布局不是文章item，所以position != 0
              if (position != 0) {
                  String url = MyContants.BASEARTICLESTRING + mHomeData.stories.get(position-1).id;
                 
                  Intent intent = new Intent(mainActivity,ArticleActivity.class);
                  intent.putExtra("articleUrl", url);
                  mainActivity.startActivity(intent);
              }
             
           }
       });
       super.initListener();
 
    }
 
    private void loadData() {
 
       mLunboAdapter = new LunboAdapter();
//     为轮播图的ViewPager设置Adapter
       vpLunboPic.setAdapter(mLunboAdapter);
 
       mListViewAdapter = new ListViewAdapter();
//     为ListView设置Adapter
       lvNews.setAdapter(mListViewAdapter);
//     先从SharedPreference里面拿json数据
       String jsonCache = SpTools.getString(mainActivity,
              MyContants.HOMELATEST, "");
//     如果数据存在，直接去解析Json数据
       if (!TextUtils.isEmpty(jsonCache)) {
           // System.out.println(jsonCache);
           parseData(jsonCache);
       }
      
       HttpUtils httpUtils = new HttpUtils();
//     用HttpUtils异步从网络获取数据
//     第一个参数：get方式获取数据
//     第二个参数：url地址
//     第三个参数：回调对象，获取数据成功或获取数据失败后调用
       httpUtils.send(HttpMethod.GET, MyContants.HOMELATEST,
              new RequestCallBack<String>() {
 
                  @Override
                  public void onSuccess(ResponseInfo<String> responseInfo) {
//                   获取数据成功后，拿到json数据
                     String homeJsonData = responseInfo.result;
//                   这里做一个缓存，把json数据保存到SharedPreference里面
                     SpTools.putString(mainActivity,MyContants.HOMELATEST,
                            homeJsonData);
//                   System.out.println("Data" +homeJsonData);
                     if (!TextUtils.isEmpty(homeJsonData) ) {
                         parseData(homeJsonData);
                     }
                    
 
                  }
 
                  @Override
                  public void onFailure(HttpException error, String msg) {
                     // TODO自动生成的方法存根
 
                  }
              });
    }
   
 
    private void parseData(String homeJsonData) {
//     创建Gson对象，这个对象只要有一个就可以了，所以只有为空的时候才创建
       if (mGson == null) {
           mGson = new Gson();
       }
//     用Gson解析数据
       mHomeData = mGson.fromJson(homeJsonData, HomeDataBean.class);
       //System.out.println(mHomeData.stories.get(0).images.get(0));
//     处理数据
       processData();
    }
 
    private void processData() {
       // 1.给ViewPager数据
       setLunboData();
 
       // 2.初始化点
       initLunboPoints();
 
       // 3.设置标题及点的选中
       setTextAndSelectPoint();
 
       // 4.为ListView设置数据
 
       setListViewData();
 
    }
 
    private void setListViewData() {
//     为ListView设置数据
      
       mListViewDatas = mHomeData.stories;
 
    }
 
    private class ListViewAdapter extends BaseAdapter {
 
       @Override
       public int getCount() {
           return mListViewDatas.size();
       }
 
       @Override
       public Object getItem(int position) {
           return null;
       }
 
       @Override
       public long getItemId(int position) {
           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();
//            拿到item里面的各个组件
              viewHolder.textView = (TextView) convertView
                     .findViewById(R.id.tv_list_item_title);
              viewHolder.imageView = (ImageView) convertView
                     .findViewById(R.id.iv_list_item_image);
              convertView.setTag(viewHolder);
           } else {
              viewHolder = (ViewHolder) convertView.getTag();
           }
//         为item里面的TextView组件设置标题
           viewHolder.textView.setText(mListViewDatas.get(position).title);
//         为item里面的ImageView组件设置图片，还是用BitmapUtils异步加载
           String listImageUrl = mListViewDatas.get(position).images.get(0);
           if (!TextUtils.isEmpty(listImageUrl)) {
              mBitmapUtils.display(viewHolder.imageView, listImageUrl);
           } else {
              viewHolder.imageView.setVisibility(View.GONE);
           }
 
           return convertView;
       }
 
    }
 
    private class ViewHolder {
       TextView   textView;
       ImageView  imageView;
    }
 
    private voidsetTextAndSelectPoint() {
//     设置轮播图的标题
       tvLunboTitle.setText(mHomeData.top_stories.get(selectedPosition).title);
//     遍历，轮播图的setOnPageChangeListener的onPageChange方法中拿到了当前的页面的position，
//     并把它传给selectedPosition，如果i为selectedPosition，则把点设为白点
       for (int i = 0; i < mLunboDatas.size(); i++) {
           llLunboPoints.getChildAt(i).setEnabled(i == selectedPosition);
 
       }
    }
 
    private void initLunboPoints() {
//     先移除轮播图下面所有的点
       llLunboPoints.removeAllViews();
//     遍历轮播图的数量，即有多少轮播图，就创建几个点
       for (int i = 0; i < mLunboDatas.size(); i++) {
 
           View view = new View(mainActivity);
//         为View设置背景，背景为一个选择器，state_enabled为true的时候为白点，为false的时候为灰点
           view.setBackgroundResource(R.drawable.selector_lunbo_points);
//         默认都设为灰色点
           view.setEnabled(false);
          
//         为点View创建LayoutParams，里面传入的参数是px
//         所以我们创建了一个工具类DensityUtil的dip2px()方法将density单位转为像素单位px
 
           LayoutParams layoutParams = new LayoutParams(DensityUtil.dip2px(
                  mainActivity, 5), DensityUtil.dip2px(mainActivity, 5));
//         为点View设置左边边距
           layoutParams.leftMargin = DensityUtil.dip2px(mainActivity, 5);
//         为点View设置LayoutParams
           view.setLayoutParams(layoutParams);
//         把点加进LinearLayout
           llLunboPoints.addView(view);
 
       }
    }
 
    private class LunboAdapter extends PagerAdapter {
 
       @Override
       public int getCount() {
           return mLunboDatas.size();
       }
 
       @Override
       public boolean isViewFromObject(View arg0, Object arg1) {
           // TODO自动生成的方法存根
           return arg0 == arg1;
       }
 
       @Override
       public void destroyItem(ViewGroup container, int position, Objectobject) {
           container.removeView((View) object);
       }
 
       @Override
       public Object instantiateItem(ViewGroup container, int position) {
//         轮播图的每一页页面都是一个ImageView
           ImageView imageView = new ImageView(mainActivity);
//         ImageView上面的图片x轴，y轴上都拉伸
           imageView.setScaleType(ScaleType.FIT_XY);
          
//         用BitmapUtills从网上异步加载图片，并放在ImageView容器中
//         第一个参数为容器
//         第二个参数为url
           mBitmapUtils.display(imageView,
                  mHomeData.top_stories.get(position).image);
          
//         轮播图的ImageView一点击，带着该轮播图页面的文章id去ArticleActivity
           imageView.setOnClickListener(new OnClickListener() {
             
              @Override
              public void onClick(View v) {
                  String url = MyContants.BASEARTICLESTRING + mHomeData.top_stories.get(vpLunboPic.getCurrentItem()).id;
                 
                  Intent intent = new Intent(mainActivity,ArticleActivity.class);
                  intent.putExtra("articleUrl", url);
                  mainActivity.startActivity(intent);
              }
           });
 
           container.addView(imageView);
          
           return imageView;
       }
    }
 
    private void setLunboData() {
//     拿到轮播图的数据
       mLunboDatas = mHomeData.top_stories;
//     更新轮播图的展示
       mLunboAdapter.notifyDataSetChanged();
    }
 
}
 

二.我们现在来分析逻辑

 

过程上面已经有了，无非就是设置一些能设置的控件，需要从网络拿的数据的过程就是，先从本地拿，本地没有，再去网络拿，然后就解析数据，然后用解析后的数据为轮播图及ListView设置数据，轮播图和ListView都用Adapter，过程也大同小异，前面都讲过了。还是不会的话看代码的注释吧。

三.这里我们专门来讲一下怎样用Gson来解析json数据

1）Gson包复制到libs目录下面

 

2.从网上拿到json数据，放到HiJson软件下面

3.在项目中专门创建一个bean包，专门放各种Bean类

4.以首页数据为例，我们从网上拿到的数据是这样的

 

5.接下去放到Hijson里面格式化

6.根据结构创建HomeDataBean

public class HomeDataBean {
    public String               date;
    public List<HomeListViewData>   stories;
    public List<HomeLunboData>      top_stories;
//  ListView的数据
    public class HomeListViewData {
       public String ga_prefix;
       public String id;
       public List<String> images;
       public String title;
       public String type;
       public String multipic;
 
    }
//  轮播图的数据
 
    public class HomeLunboData {
       public String ga_prefix;
       public String id;
       public String image;
       public String title;
       public String type;
    }
 
}

7.创建Gson对象，调用Gson对象的fromJson方法解析

if (mGson == null) {
           mGson = new Gson();
       }
mHomeData = mGson.fromJson(homeJsonData, HomeDataBean.class);