Android项目开发全程（四）-- 将网络返回的json字符串轻松转换成listview列表

　　前面几篇博文介绍了从项目搭建到获取网络字符串，对一个项目的前期整体工作进行了详细的介绍，本篇接着上篇介绍一下怎么样优雅将网络返回的json字符串轻松转换成listview列表。

　　先上图，看一下效果。

　　              

　　包括下拉刷新和上拉加载更多两个功能，怎样还算可以吧~，比起前几篇博文中的那一大片一大片的“乱码”看起来是不是舒服多了。

一、对界面面布局

　　1、Android默认的标题栏不太好看，咱们需要换成自己的。在AndroidManifest.xml文件中将APP主题设为NoTitleBar

<application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@android:style/Theme.NoTitleBar" >
</application>

　　2、然后在每个局部文件中加上自己创建的标题，为了以后便于管理，最好将标题作为一个单独的布局文件（title_layout.xml），然后通过include引用。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="44dp"
    android:orientation="horizontal" >
    <TextView
        android:id="@+id/app_title"
        android:layout_width="fill_parent"
        android:layout_height="44dp"
        android:gravity="center"
        android:background="#FFA500"
        android:textColor="#FFF"
        android:textSize="20dp"
        android:text="@string/app_name" />
</LinearLayout>

　　3、创建主界面（activity_main.xml）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ededed"
    android:orientation="vertical" >
   　<!--引用标题栏-->
    <include layout="@layout/title_layout"/>
    <!-- 第三方类库的listview，可下拉刷新，上拉加载更多 -->
    <com.handmark.pulltorefresh.library.PullToRefreshListView
        android:id="@+id/pull_refresh_list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1.0"
        android:layout_marginTop="3dp"
        android:cacheColorHint="#00000000"
        android:divider="@null"
        android:fadingEdge="none"
        android:fastScrollEnabled="false"
        android:footerDividersEnabled="false"
        android:headerDividersEnabled="false"
        android:scrollbars="none"
        android:smoothScrollbar="true"/>
</LinearLayout>

　　这里通过include引用了title_layout.xml文件，listview控件使用的第三方类库PullToRefresh，下载时会一并给出。

　　4、创建listview的item布局（item_main.xml）

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="3dp"
    android:paddingBottom="3dp"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"
    android:orientation="vertical" >
    
    <LinearLayout 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:background="@drawable/bg_shape"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/tv_title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:singleLine="true"
            android:textColor="#3b3d42"
            android:textSize="16dp" />

        <TextView
            android:id="@+id/tv_time"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp"
            android:textColor="#636251"
            android:textSize="12dp" />
        <TextView
            android:id="@+id/tv_content"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textColor="#636251"
            android:textSize="16dp"
            android:layout_marginTop="8dp" />
    </LinearLayout>
</LinearLayout>

二、创建Adapter（MainAdapter.java）

public class MainAdapter extends BaseAdapter {
    private Context context;
    private List<Map<String, Object>> list;
    private LayoutInflater inflater;
    public MainAdapter(Context context, List<Map<String, Object>> list) {
        this.context = context;
        inflater = inflater.from(context);
        this.list = list;
    }
    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int arg0) {
        return list.get(arg0);
    }

    @Override
    public long getItemId(int arg0) {
        return arg0;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Holder holder = null;
        Map<String, Object> map = list.get(position);
        if(holder == null){
            holder = new Holder();
            convertView = inflater.inflate(R.layout.item_main, null);
            holder.title = (TextView) convertView.findViewById(R.id.tv_title);
            holder.time = (TextView) convertView.findViewById(R.id.tv_time);
            holder.content = (TextView) convertView.findViewById(R.id.tv_content);
            convertView.setTag(holder);
        }
        holder.title.setText(map.get("title").toString());
        holder.time.setText(map.get("publishDate").toString());
        holder.content.setText(map.get("content").toString());
        return convertView;
    }
    
    class Holder {
        public TextView title;
        public TextView time;
        public TextView content;
    }
}

 

　　这里的MainAdapter继承了BaseAdapter，为listview提供适配器。

三、在MainActivity操作数据（分步讲解）

　　1、初始化pullRefreshList（是一个PullToRefreshListView，第三方类库PullToRefresh，可上拉刷新，下拉加载更多）

//初始化pullRefreshList
    public void initListView(){
        pullRefreshList.setMode(Mode.BOTH);
        layoutProxy = pullRefreshList.getLoadingLayoutProxy(true, false);
        layoutProxy.setPullLabel("下拉刷新");
        layoutProxy.setReleaseLabel("松开立即刷新");
        layoutProxy.setRefreshingLabel("正在载入");
        layoutProxybottom = pullRefreshList.getLoadingLayoutProxy(false, true);
        layoutProxybottom.setPullLabel("上拉加载更多");
        layoutProxybottom.setReleaseLabel("松开立即刷新");
        layoutProxybottom.setRefreshingLabel("正在载入");
        pullRefreshList.setOnRefreshListener(new MyRefresh());
        listView = pullRefreshList.getRefreshableView();
        lists = new ArrayList<Map<String,Object>>();
        adapter = new MainAdapter(getApplicationContext(), lists);
        listView.setAdapter(adapter);
    }

　　2、设置pullRefreshList的刷新监听器，当上拉是表示刷新，将参数page设为第一页，提交请求。当下拉时表示加载更多，将page+1，然后提交请求。

class MyRefresh implements OnRefreshListener2<ListView>{
　　　　//上拉是回调此方法
        @Override
        public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
            page = 1;
            getNetData.getLaughBy360(REQUEST_360LAUGH_CODE, page + "");
        }
　　　　//下拉时回调此方法
        @Override
        public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
            if(page < 34){　　//目前接口中一个有34页数据
                page += 1;
                getNetData.getLaughBy360(REQUEST_360LAUGH_CODE, page + "");
                mHandler.sendEmptyMessage(DIALOG_SHOW);
            } else {
                pullRefreshList.onRefreshComplete();
                Toast.makeText(getApplicationContext(), "已经是最后一页了", Toast.LENGTH_SHORT).show();
            }
        }
    }

　　3、在网络请求的回调方法中，利用jackson工具的ObjectMapper可以很容易的将json字符串转换成Map（也可根据需要转换成List、对象等等）

public void onCallBackSuccessed(int notify, String result) {
        if(notify == REQUEST_360LAUGH_CODE){
            try {
                //使用Jackson工具的ObjectMapper直接将json字符串转换成Map格式
                Map<String, Object> map = objectMapper.readValue(result, Map.class);
                List<Map<String, Object>> list = (List<Map<String, Object>>) map.get("jokes");
                if(page == 1) {
                    lists.clear();
                }
                if(list.size() == 0){
                    Toast.makeText(getApplicationContext(), "木有笑话了", Toast.LENGTH_SHORT).show();
                } else {
                    lists.addAll(list);
                    //改变adapter数据
                    adapter.notifyDataSetChanged();
                }
            } catch (JsonParseException e) {
                e.printStackTrace();
            } catch (JsonMappingException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        mHandler.sendEmptyMessage(DIALOG_CONCEL);
        pullRefreshList.onRefreshComplete();
    }

 

　　分析一下，这里每次从网络上获取的结果转成后都先加入到一个临时的list中，当page=1时，说明此事是上拉刷新或者首次请求。这时候将直接将lists清空来接受最新数据，当page !=1 时说明是加载更多的请求，无需清空lists，如果新返回的数据不为空则将list加入到lists中，然后通知adapter数据改变。

　　别忘了设置onRefreshComplete完成刷新状态。

　　最后，整个的MainActivity.java如下：

package com.laughdemo.main;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;
import java.util.Map;
import net.tsz.afinal.annotation.view.ViewInject;
import org.codehaus.jackson.JsonParseException;
import org.codehaus.jackson.map.JsonMappingException;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.Toast;
import com.handmark.pulltorefresh.library.ILoadingLayout;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshBase.Mode;
import com.handmark.pulltorefresh.library.PullToRefreshBase.OnRefreshListener2;
import com.handmark.pulltorefresh.library.PullToRefreshListView;
import com.laughdemo.adapter.MainAdapter;
import com.laughdemo.http.DataCallBack;
import com.laughdemo.http.GetNetData;
import com.laughdemo.utils.Constants;
/**
 * 主窗体类
 * @author 刘伟 2015.7.3
 */
public class MainActivity extends BaseActivity implements Constants, DataCallBack{
    final String TAG = "MainActivity";
    GetNetData getNetData;
    MainAdapter adapter;
    private int page = 1;
    ListView listView;
    List<Map<String, Object>> lists;
    private ILoadingLayout layoutProxy;
    private ILoadingLayout layoutProxybottom;
    @ViewInject(id=R.id.pull_refresh_list) PullToRefreshListView pullRefreshList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initListView();
        getNetData = new GetNetData(this);
        getNetData.getLaughBy360(REQUEST_360LAUGH_CODE, page + "");
        mHandler.sendEmptyMessage(DIALOG_SHOW);
    }
    
    //初始化pullRefreshList
    public void initListView(){
        pullRefreshList.setMode(Mode.BOTH);
        layoutProxy = pullRefreshList.getLoadingLayoutProxy(true, false);
        layoutProxy.setPullLabel("下拉刷新");
        layoutProxy.setReleaseLabel("松开立即刷新");
        layoutProxy.setRefreshingLabel("正在载入");
        layoutProxybottom = pullRefreshList.getLoadingLayoutProxy(false, true);
        layoutProxybottom.setPullLabel("上拉加载更多");
        layoutProxybottom.setReleaseLabel("松开立即刷新");
        layoutProxybottom.setRefreshingLabel("正在载入");
        pullRefreshList.setOnRefreshListener(new MyRefresh());
        listView = pullRefreshList.getRefreshableView();
        lists = new ArrayList<Map<String,Object>>();
        adapter = new MainAdapter(getApplicationContext(), lists);
        listView.setAdapter(adapter);
    }
    
    class MyRefresh implements OnRefreshListener2<ListView>{

        @Override
        public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
            page = 1;
            getNetData.getLaughBy360(REQUEST_360LAUGH_CODE, page + "");
        }

        @Override
        public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
            if(page < 34){
                page += 1;
                getNetData.getLaughBy360(REQUEST_360LAUGH_CODE, page + "");
                mHandler.sendEmptyMessage(DIALOG_SHOW);
            } else {
                pullRefreshList.onRefreshComplete();
                Toast.makeText(getApplicationContext(), "已经是最后一页了", Toast.LENGTH_SHORT).show();
            }
        }
    }
    @Override
    public void onCallBackSuccessed(int notify, String result) {
        if(notify == REQUEST_360LAUGH_CODE){
            try {
                //使用Jackson工具的ObjectMapper直接将json字符串转换成Map格式
                Map<String, Object> map = objectMapper.readValue(result, Map.class);
                List<Map<String, Object>> list = (List<Map<String, Object>>) map.get("jokes");
                if(page == 1) {
                    lists.clear();
                }
                if(list.size() == 0){
                    Toast.makeText(getApplicationContext(), "木有笑话了", Toast.LENGTH_SHORT).show();
                } else {
                    lists.addAll(list);
                    //改变adapter数据
                    adapter.notifyDataSetChanged();
                }
            } catch (JsonParseException e) {
                e.printStackTrace();
            } catch (JsonMappingException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        mHandler.sendEmptyMessage(DIALOG_CONCEL);
        pullRefreshList.onRefreshComplete();
    }
    @Override
    public void onCallBackFailed(int notify) {
        mHandler.sendEmptyMessage(DIALOG_CONCEL);
        pullRefreshList.onRefreshComplete();
        Toast.makeText(getApplicationContext(), "网络连接失败", Toast.LENGTH_LONG).show();
    }
}

 

 

到这里，这个小项目的整个流程也可以算是介绍完了。有需要项目源码的可以直接留下邮箱索要，也可以去下载：http://download.csdn.net/detail/u012950035/8871581

本篇博文是在前几篇的基础上接着做的，如有不明白的地方还需参考前几篇：

《Android项目开发全程（一）--创建工程》

《Android项目开发全程（二）--Afinal用法简单介绍》

《Android项目开发全程（三）-- 项目的前期搭建、网络请求封装是怎样实现的》

 

注：欢迎转载，转载时请附上本文链接。