問答機器人API文檔:https://www.juhe.cn/docs/api/id/112
先上圖:
說下大致實現的步驟:
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的使用吧 地址:https://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"
等等。。。按自己喜好更改
轉載:http://juheshuju1.iteye.com/blog/2327357