先上圖:java
說下大體實現的步驟:android
一、首先使用了聚合數據的sdk,這樣無償使用的數目能夠多一些json
二、使用gson來解析json數據api
三、使用ListView來顯示數據服務器
那,先將佈局貼上來網絡
數據部分 機器人和人佈局相似 只粘一個app
<?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>
而後是主佈局:ide
<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; } }
說一下適配器:
一、由於有兩種不一樣的view 因此須要複寫 getItemViewType(int position) 和 getViewTypeCount();
二、使用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顯示
一、首先是數據的得到 ,經過對 免費提供的數據接口進行訪問 拿到數據
因爲是網絡訪問 並不能馬上拿到數據 經過return是不能將響應的數據馬上返回的,因此使用了message來專遞數據,handler進行處理
二、數據是json格式的,經過對數據進行分析 使用gson解析數據 並拿到本身須要的數據
三、對數據進行封裝 ,添加數據的類型 時間等
四、數據解決了就須要adapter來處理數據 繼承自baseAdapter 使用viewHolder 來提升效率
五、listview的顯示 佈局的搭建 以及對顯示的需求
設置無分隔線 以及分隔高度
android:divider="@null"
android:dividerHeight="5dp"
設置數據向上滾動 以避免輸入法擋住數據
android:fastScrollEnabled="true"
android:scrollbarStyle="insideInset"
android:transcriptMode="normal"
等等。。。按本身喜愛更改