先上图：

说下大致实现的步骤：

1、首先使用了聚合数据的sdk，这样免费使用的数目可以多一些

2、使用gson来解析json数据

3、使用ListView来显示数据

那，先将布局贴上来

数据部分 机器人和人布局类似 只粘一个

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:id="@+id/robot_time"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:textColor="#cccccc"

android:gravity="center_horizontal"

android:text="2015-8-23 17:37:23" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="horizontal" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:orientation="vertical" >

android:layout_width="50dp"

android:layout_height="50dp"

android:src="@drawable/icon" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:gravity="center_horizontal"

android:text="小桂子"

android:textSize="12sp" />

android:id="@+id/robot_msg"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginLeft="5dp"

android:background="@drawable/chatfrom_bg_normal"

android:gravity="center"

android:layout_gravity="bottom"

android:text="你好，我是小桂子" />

然后是主布局：

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.example.juheapi.MainActivity" >

android:id="@+id/titleBar"

android:layout_width="fill_parent"

android:layout_height="50dp"

android:layout_alignParentTop="true"

android:background="@drawable/title_bar" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:text="小桂子 贱贱哒"

android:textColor="#eeeeee"

android:textStyle="bold" />

android:id="@+id/listView"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_above="@+id/buttom"

android:layout_below="@+id/titleBar"

android:divider="@null"

android:dividerHeight="5dp"

android:fastScrollEnabled="true"

android:scrollbarStyle="insideInset"

android:transcriptMode="normal" >

android:id="@+id/buttom"

android:layout_width="fill_parent"

android:layout_height="50dp"

android:layout_alignParentBottom="true"

android:background="@drawable/bottom_bar" >

android:id="@+id/send_but"

android:layout_width="wrap_content"

android:layout_height="40dp"

android:layout_alignParentRight="true"

android:layout_centerInParent="true"

android:layout_marginLeft="5dp"

android:layout_marginRight="5dp"

android:background="@drawable/but_send_bg"

android:text="发 送" />

android:id="@+id/send_msg"

android:layout_width="fill_parent"

android:layout_height="40dp"

android:layout_centerInParent="true"

android:layout_marginLeft="5dp"

android:layout_toLeftOf="@+id/send_but"

android:background="@drawable/login_edit_normal"

android:hint="你想说点什么?"

android:typeface="monospace" />

发送按钮的xml文件：

这样布局  就算搭建好了

下载完之后 需要导入jar包 新建application初始化sdk 以及manifest的配置， 里面有详细教程

需要注意的的是 ip 的值 并不像教程上说的那样 而是需要加上完整的 URL 、info 和 KEY

Parameters params = new Parameters();

params.add("ip", URL + msg + KEY);

params.add("dtype", "json");

下面是访问数据和解析数据的实现

需要用到gson

package com.util;

import java.util.Date;

import android.content.Context;

import android.os.Handler;

import android.os.Message;

import com.bean.GetResult;

import com.bean.SetChatMessage;

import com.bean.SetChatMessage.Type;

import com.google.gson.Gson;

import com.thinkland.sdk.android.DataCallBack;

import com.thinkland.sdk.android.JuheData;

import com.thinkland.sdk.android.Parameters;

public class RequestHttp {

private static final String URL = "http://op.juhe.cn/robot/index?info=";

private static final String KEY = "&key=5d0a9e4aad4c9b11f53cc**********";

private Context context;

private Handler handle;

public RequestHttp(Context context, Handler handle) {

this.context = context;

this.handle = handle;

}

public void requestHttp(String msg) {

Parameters params = new Parameters();

params.add("ip", URL + msg + KEY);

params.add("dtype", "json");

JuheData.executeWithAPI(context, 112, URL + msg + KEY, JuheData.GET,

params, new DataCallBack() {

public void onSuccess(int statusCode, String responseString) {

// TODO Auto-generated method stub

SetChatMessage chat = new SetChatMessage();

Gson gson = new Gson();

GetResult value = gson.fromJson(responseString,

GetResult.class);

chat.setMsg(value.getResult().getText());

chat.setDate(new Date());

chat.setType(Type.INCOME);

Message mesg = Message.obtain(handle);

mesg.obj = chat;

mesg.sendToTarget();

}

public void onFinish() {

}

public void onFailure(int statusCode,

String responseString, Throwable throwable) {

SetChatMessage chat = new SetChatMessage();

chat.setMsg("服务器忙，请稍候。。。");

chat.setDate(new Date());

chat.setType(Type.INCOME);

Message mesg = Message.obtain(handle);

mesg.obj = chat;

mesg.sendToTarget();

}

});

}

}

上面的gson解析 需要JSON数据映射成一个对象

package com.bean;

public class GetResult {

private Result result;

public Result getResult() {

return result;

}

public void setResult(Result result) {

this.result = result;

}

public class Result {

private int code;

private String text;

public int getCode() {

return code;

}

public void setCode(int code) {

this.code = code;

}

public String getText() {

return text;

}

public void setText(String text) {

this.text = text;

}

}

}

上面是两个类嵌套的  因为数据格式是：{ x， y{z，u}}

需要拿到z的值，就必须这样做，注意“text”和“code”的是和数据z、u对应的 不能随意设定

还需要对数据进行封装：

package com.bean;

import java.util.Date;

public class SetChatMessage {

private String name;

private String msg;

private Date date;

private Type type;

public enum Type{

INCOME,OUTCOME

}

public SetChatMessage(){}

public SetChatMessage(String msg,Date date,Type type){

this.msg=msg;

this.date=date;

this.type=type;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public String getMsg() {

return msg;

}

public void setMsg(String msg) {

this.msg = msg;

}

public Date getDate() {

return date;

}

public void setDate(Date date) {

this.date = date;

}

public Type getType() {

return type;

}

public void setType(Type type) {

this.type = type;

}

}

还需要给Listview写个适配器：

package com.example.juheapi;

import java.text.SimpleDateFormat;

import java.util.List;

import java.util.Locale;

import com.bean.SetChatMessage;

import com.bean.SetChatMessage.Type;

import com.example.juheapi.R.id;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.TextView;

public class MyAdapter extends BaseAdapter {

private List dataList;

private LayoutInflater mInflater;

public MyAdapter(Context context, List dataList) {

this.dataList = dataList;

mInflater = LayoutInflater.from(context);

}

public int getCount() {

return dataList.size();

}

public Object getItem(int position) {

return dataList.get(position);

}

public long getItemId(int position) {

return position;

}

public int getItemViewType(int position) {

SetChatMessage chatMsg = dataList.get(position);

if (chatMsg.getType() == Type.INCOME) {

return 0;

}

return 1;

}

public int getViewTypeCount() {

return 2;

}

public View getView(int position, View convertView, ViewGroup parent) {

SetChatMessage chatMsg = dataList.get(position);

ViewHolder viewHolder;

if (convertView == null) {

if (getItemViewType(position) == 0) {

convertView = mInflater.inflate(R.layout.item_robot_msg,

parent, false);

viewHolder = new ViewHolder();

viewHolder.msgData = (TextView) convertView

.findViewById(id.robot_msg);

viewHolder.timeData = (TextView) convertView

.findViewById(id.robot_time);

} else {

convertView = mInflater.inflate(R.layout.item_host_msg, parent,

false);

viewHolder = new ViewHolder();

viewHolder.msgData = (TextView) convertView

.findViewById(id.host_msg);

viewHolder.timeData = (TextView) convertView

.findViewById(id.host_time);

}

convertView.setTag(viewHolder);

} else {

viewHolder = (ViewHolder) convertView.getTag();

}

viewHolder.msgData.setText(chatMsg.getMsg());

SimpleDateFormat dateFormat=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss",Locale.CHINA);

viewHolder.timeData.setText(dateFormat.format(chatMsg.getDate()));

return convertView;

}

private class ViewHolder {

private TextView timeData;

private TextView msgData;

}

}

说一下适配器：

1、因为有两种不同的view 所以需要复写 getItemViewType(int position)   和  getViewTypeCount()；

2、使用ViewHolder　对性能进行优化，减少一些不必要的重复操作

main：

package com.example.juheapi;

import java.util.ArrayList;

import java.util.Date;

import java.util.List;

import com.bean.SetChatMessage;

import com.bean.SetChatMessage.Type;

import com.example.juheapi.R.id;

import com.util.RequestHttp;

import android.app.Activity;

import android.os.Bundle;

import android.os.Handler;

import android.os.Message;

import android.text.TextUtils;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.Window;

import android.widget.Button;

import android.widget.EditText;

import android.widget.ListView;

import android.widget.Toast;

public class MainActivity extends Activity {

private List dataList = new ArrayList();

private MyAdapter myAdapter;

private ListView listView;

private Button send_but;

private EditText send_msg;

private Handler handle = new Handler() {

public void handleMessage(Message msg) {

SetChatMessage chatMsg = (SetChatMessage) msg.obj;

dataList.add(chatMsg);

myAdapter.notifyDataSetChanged();

}

};

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

initView();

initData();

initEvent();

}

private void initEvent() {

send_but.setOnClickListener(new OnClickListener() {

public void onClick(View v) {

String msg = send_msg.getText().toString();

if (TextUtils.isEmpty(msg)) {

Toast.makeText(MainActivity.this, "消息不能为空。",

Toast.LENGTH_SHORT).show();

return;

}

// 设置消息源 显示到listview中

SetChatMessage chatMsg = new SetChatMessage();

chatMsg.setDate(new Date());

chatMsg.setMsg(msg);

chatMsg.setType(Type.OUTCOME);

dataList.add(chatMsg);

myAdapter.notifyDataSetChanged();

// 文本框清空

send_msg.setText("");

// 将消息发送至服务端

RequestHttp an = new RequestHttp(getApplicationContext(),

handle);

an.requestHttp(msg);

}

});

}

private void initData() {

dataList.add(new SetChatMessage("你要和小桂子吐槽点什么啊？", new Date(),

Type.INCOME));

myAdapter = new MyAdapter(MainActivity.this, dataList);

listView.setAdapter(myAdapter);

}

private void initView() {

listView = (ListView) findViewById(id.listView);

send_but = (Button) findViewById(id.send_but);

send_msg = (EditText) findViewById(id.send_msg);

}

}

总结一下实现过程：

List数据----adapter处理------ListView显示

1、首先是数据的获得 ，通过对 免费提供的数据接口进行访问 拿到数据

由于是网络访问 并不能立刻拿到数据 通过return是不能将响应的数据立刻返回的，所以使用了message来专递数据，handler进行处理

2、数据是json格式的，通过对数据进行分析  使用gson解析数据 并拿到自己需要的数据

3、对数据进行封装 ，添加数据的类型 时间等

4、数据解决了就需要adapter来处理数据 继承自baseAdapter  使用viewHolder 来提高效率

5、listview的显示  布局的搭建  以及对显示的需求

设置无分隔线 以及分隔高度

android:divider="@null"

android:dividerHeight="5dp"

设置数据向上滚动 以免输入法挡住数据

android:fastScrollEnabled="true"

android:scrollbarStyle="insideInset"

android:transcriptMode="normal"

等等。。。按自己喜好更改