先上图:
说下大致实现的步骤:
1、首先使用了聚合数据的sdk,这样免费使用的数目可以多一些
2、使用gson来解析json数据
3、使用ListView来显示数据
那,先将布局贴上来
数据部分 机器人和人布局类似 只粘一个
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
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" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:src="@drawable/icon" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center_horizontal"
android:text="小桂子"
android:textSize="12sp" />
</LinearLayout>
<TextView
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="你好,我是小桂子" />
</LinearLayout>
</LinearLayout>
然后是主布局:
<RelativeLayout 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"
tools:context="com.example.juheapi.MainActivity" >
<RelativeLayout
android:id="@+id/titleBar"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:layout_alignParentTop="true"
android:background="@drawable/title_bar" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:text="小桂子 贱贱哒"
android:textColor="#eeeeee"
android:textStyle="bold" />
</RelativeLayout>
<ListView
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" >
</ListView>
<RelativeLayout
android:id="@+id/buttom"
android:layout_width="fill_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true"
android:background="@drawable/bottom_bar" >
<Button
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="发 送" />
<EditText
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" />
</RelativeLayout>
</RelativeLayout>
发送按钮的xml文件:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/send_btn_pressed" android:state_pressed="true"></item>
<item android:drawable="@drawable/send_btn_normal"></item>
</selector>
这样布局 就算搭建好了
先说说 聚合数据 SDK的使用吧 地址: http://www.juhe.cn/juhesdk
下载完之后 需要导入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<SetChatMessage> dataList;
private LayoutInflater mInflater;
public MyAdapter(Context context, List<SetChatMessage> 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<SetChatMessage> dataList = new ArrayList<SetChatMessage>();
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"
等等。。。按自己喜好更改