你有没有想过如果你的App里边有一个聊天机器人可以陪用户聊天解决用户的一般问题,以及让你更好的了解你的用户,这是一件很酷的事情!那么今天我们就来学习和体验一下安卓如何快速集成图灵聊天机器人,以及如何使用Android Studio搭建一个简单的聊天界面。
聊天截图
用到的工具有:
集成方式
那么我们今天就用最简单最快速的方法集成这个项目
思路:
- 集成xutils使用http get获取信息
- 使用Gson解析json数据
具体步骤
- gradle添加xutils的依赖
java
dependencies {
compile 'org.xutils:xutils:3.3.25'
}
- 新建一个Activity(不要忘记在manifests中注册)
java
public class InitUtils extends Application {
@Override
public void onCreate() {
super.onCreate();
x.Ext.init(this);
}
}
xml
<application
android:name=".utils.InitUtils"
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
- 获取发送的消息
java
Message msg = new Message();
msg.setText(et_message.getText().toString());
msg.setSender("Me");
message.add(msg);
messages_list.setSelection(messages_list.getCount()-1);
messagesAdapter.notifyDataSetChanged();
try {
encode = URLEncoder.encode(et_message.getText().toString (), "utf-8");
} catch (UnsupportedEncodingException e) {
e.printStackTrace();
}
et_message.setText("");
sendMessageToServer();
- 使用xutils访问网络经过测试直接采用:
java
params.addBodyParameter("key",getString(R.string.Api_key));
params.addBodyParameter("info",encode);
的方式获取额数据有问题,所以我们采取自己append地址的的方式get数据注意getString(R.string.Api_key)即为你所申请的图灵Api Key所以我们采用如下的方式:
java
StringBuilder builder = new StringBuilder();
builder.append(Urls.API_URL).append("?").append("key").append("=")
.append(getString(R.string.Api_key)).append("&").append("info")
.append("=").append(encode);
final RequestParams params = new RequestParams(builder.toString());
x.http().get(params, new Callback.CommonCallback<String>() {
@Override
public void onSuccess(String result) {
parseData(result);
}
@Override
public void onError(Throwable ex, boolean isOnCallback) {
Toast.makeText(x.app(), ex.getMessage(), Toast.LENGTH_LONG).show();
}
@Override
public void onCancelled(CancelledException cex) {
Toast.makeText(x.app(), "cancelled", Toast.LENGTH_LONG).show();
}
@Override
public void onFinished() {
}
});
- 解析数据
java
Gson gson = new Gson();
talkEntity = gson.fromJson(result, TalkEntity.class);
Message msg = new Message();
msg.setText(talkEntity.getText());
msg.setSender("Ta");
message.add(msg);
messagesAdapter.notifyDataSetChanged();
messages_list.setSelection(messages_list.getCount()-1);
- ListView的Adapter
java
private class MessagesAdapter extends ArrayAdapter<Message> {
MessagesAdapter(ArrayList<Message> messages){
super(MainActivity.this, R.layout.message, R.id.message, messages);
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
convertView = super.getView(position, convertView, parent);
Message message = getItem(position);
TextView nameView = (TextView)convertView.findViewById(R.id.message);
nameView.setText(message.getText());
LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams)nameView.getLayoutParams();
if (message.getSender().equals("Me")){
Resources resources=getBaseContext().getResources();
Drawable drawable=resources.getDrawable(R.drawable.bubble_right_green);
nameView.setBackgroundDrawable(drawable);
layoutParams.gravity = Gravity.RIGHT;
}else{
Resources resources=getBaseContext().getResources();
Drawable drawable=resources.getDrawable(R.drawable.bubble_left_gray);
nameView.setBackgroundDrawable(drawable);
layoutParams.gravity = Gravity.LEFT;
}
nameView.setLayoutParams(layoutParams);
return convertView;
}
}
主页面Layout
xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ListView
android:id="@+id/messages_list"
android:layout_weight="100"
android:layout_width="match_parent"
android:layout_height="0dp"
android:divider="@null"/>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<EditText
android:id="@+id/et_message"
android:layout_weight="100"
android:layout_width="0dp"
android:layout_height="wrap_content"/>
<Button
android:id="@+id/bt_send"
android:text="@string/send"
android:onClick="send"
android:textColor="@android:color/black"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>
</LinearLayout>
详细内容请参照我的GitHub项目
Gethub链接:https://github.com/heykel3/HeykelRepository/tree/master/Chat
应用内测地址:http://fir.im/Chat