Android图灵聊天机器人-薇尔莉特

智能聊天机器人-图灵机器人项目说明

文章目录

智能聊天机器人-图灵机器人项目说明
- 1.项目介绍
- 2.项目用到的技术
- 3.项目的开发环境
- 4.开发步骤
- - 1.首先编写主界面（activity_main.xml文件），这个界面主要是一些简单的基础控件，与一个ListView
  - 2.访问http://www.turingapi.com/ 申请注册图灵机器人（免费版）
  - 3.导入主界面需要的图片（drawable文件内）以及需要的xml定义的样式资源
  - 2.搭建聊天的条目布局
  - 3.创建一个ChatBean类来存放消息信息这些属性
  - 4.创建一个ChatAdapter数据适配器来对ListView进行数据适配
  - 5.添加其他操作(1.在清单文件添加网络权限 2.添加okhttp库)
  - 6.主程序MainActivity文件

1.项目介绍

Github项目地址：https://github.com/Churchillhua-wangfei/WF_Violet_RobotProject

基于这钉钉时代（疫情阶段），在家闷得慌，以一个初学者的身份制作一个Android图灵机器人聊天项目。
效果图：

2.项目用到的技术

简单的XML基础 + ListView控件 + 数据器适配 + Postman请求调用API

3.项目的开发环境

操作系统：windows10 1909
开发工具： JDK8 + Android studio 3.5.2 + 模拟器（Android8.0）
Android版本: Android API29
第三方API网址：http://www.turingapi.com/

4.开发步骤

1.首先编写主界面（activity_main.xml文件），这个界面主要是一些简单的基础控件，与一个ListView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"android:background="#E7E7E7"android:orientation="vertical"tools:context=".MainActivity"><RelativeLayoutandroid:id="@+id/head"android:layout_width="match_parent"android:layout_height="42dp"android:background="#fff"><ImageViewandroid:id="@+id/re"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:layout_marginTop="7dp"android:src="@drawable/re" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_centerInParent="true"android:layout_marginLeft="5dp"android:layout_toRightOf="@+id/re"android:text="王飞的Robot-薇尔莉特"android:textColor="#000000"android:textSize="16dp" /><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentRight="true"android:layout_marginTop="4dp"android:layout_marginRight="10dp"android:src="@drawable/config" /></RelativeLayout><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"><ListViewandroid:id="@+id/list"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_above="@+id/rl_bottom"android:cacheColorHint="@android:color/black"android:divider="@null"android:listSelector="@null"android:transcriptMode="alwaysScroll" /><RelativeLayoutandroid:id="@+id/rl_bottom"android:layout_width="match_parent"android:layout_height="55dp"android:layout_alignParentBottom="true"android:background="@drawable/bottom_bg"><ImageViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_alignParentLeft="true"android:layout_marginLeft="3dp"android:layout_marginTop="10dp"android:src="@drawable/voice"/><Buttonandroid:id="@+id/btn_send"android:layout_width="75dp"android:layout_height="40dp"android:layout_alignParentRight="true"android:layout_centerVertical="true"android:layout_marginRight="10dp"android:background="@drawable/button_circle_shape"android:fontFamily="sans-serif-black"android:text="发 送"android:textColor="#FCFCFC"android:textSize="14sp" /><EditTextandroid:id="@+id/et_send_msg"android:layout_width="match_parent"android:layout_height="40dp"android:layout_centerVertical="true"android:layout_marginLeft="45dp"android:layout_marginRight="10dp"android:layout_toLeftOf="@id/btn_send"android:background="@drawable/textview_circle_item"android:singleLine="true"android:textColor="@android:color/black"android:textSize="18sp" /></RelativeLayout></RelativeLayout>
</LinearLayout>

2.访问http://www.turingapi.com/ 申请注册图灵机器人（免费版）

3.导入主界面需要的图片（drawable文件内）以及需要的xml定义的样式资源

详细可以参考Github：https://github.com/Churchillhua-wangfei/WF_Violet_RobotProject

1.btn_send_selector.xm

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 按钮按下的颜色  -->
<item android:drawable="@android:color/darker_gray"android:state_pressed="true" />
<item android:drawable="@color/btn_send_bg_normal" /></selector>

2.button_circle_shape.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!--设置填充的颜色--><solid android:color="#6EA74F" />
<!--设置按钮的四个角为弧形  --><corners android:radius="25dp" />
<!--设置Button里面的文字与边界的间隔  --><paddingandroid:bottom="2dp"android:left="2dp"android:right="2dp"android:top="2dp"/></shape>

3.chat_left_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/chat_left_bg_pressed"android:state_pressed="true" /><item android:drawable="@drawable/chat_left_bg_normal" />
</selector>

4.chat_right_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@drawable/chat_right_bg_pressed"android:state_pressed="true" /><item android:drawable="@drawable/chat_right_bg_normal" />
</selector>

5.textview_circle_item.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"><!--设置填充的颜色--><solid android:color="#FFFFFF" /><!--设置按钮的四个角为弧形    --><corners android:radius="25dp" /><!--设置Button里面的文字与边界的间隔    --><paddingandroid:bottom="10dp"android:left="10dp"android:right="10dp"android:top="10dp"/>
</shape>

6.values(clolors.xml)

<?xml version="1.0" encoding="utf-8"?>
<resources><color name="colorPrimary">#F57C00</color><color name="colorPrimaryDark">#F57C00</color><color name="colorAccent">#D81B60</color><color name="btn_send_bg_normal">#95EC69</color>
</resources>

7.values(strings.xml)

<resources><string name="app_name">图灵机器人</string><string-array name="welcome"><item>遇见你，真美好</item><item>客人，听好了。我的名字是薇尔莉特</item><item>这位客人，我的名字是薇尔莉特</item><item>请问客人你有什么需要？</item></string-array>
</resources>

8.values(styles.xml)

<resources><!-- Base application theme. --><style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"><!-- Customize your theme here. --><item name="colorPrimary">#0288D1</item><item name="colorPrimaryDark">#0288D1</item><item name="colorAccent">@color/colorAccent</item></style><style name="chat_content_style"><item name="android:minHeight">50dp</item><item name="android:gravity">center_vertical</item><item name="android:layout_marginTop">12dp</item><item name="android:textColor">#000000</item><item name="android:textStyle">bold</item><item name="android:textSize">15sp</item><item name="android:lineSpacingExtra">2dp</item><item name="android:clickable">true</item><item name="android:focusable">true</item><item name="android:background">#bfbfbf</item></style></resources>

2.搭建聊天的条目布局

1.chatting_robot_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:padding="6dp"><TextViewandroid:id="@+id/tv_time"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="2020年4月29日上午10点"android:layout_centerHorizontal="true"android:textColor="#000000"android:textSize="18sp"/><ImageViewandroid:id="@+id/iv_head"android:layout_width="60dp"android:layout_height="60dp"android:layout_alignParentLeft="true"android:layout_alignParentTop="true"android:layout_marginTop="15dp"android:layout_marginLeft="2dp"android:background="@drawable/violet"android:focusable="false"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="薇尔莉特"android:layout_below="@+id/iv_head"android:textColor="#7B1FA2"android:textSize="16dp"android:layout_marginTop="5dp"android:layout_marginLeft="5dp"android:textStyle="bold"/><TextViewandroid:id="@+id/tv_chat_content"style="@style/chat_content_style"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="5dp"android:layout_marginTop="30dp"android:layout_toEndOf="@id/iv_head"android:background="@drawable/chat_left_selector" /></RelativeLayout>

2.chatting_user_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:padding="6dp"><TextViewandroid:id="@+id/tv_time"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="2020年4月29日上午10点"android:layout_centerHorizontal="true"android:textColor="#000000"android:textSize="18sp"/><ImageViewandroid:id="@+id/iv_head"android:layout_width="55dp"android:layout_height="55dp"android:layout_alignParentRight="true"android:layout_alignParentTop="true"android:layout_marginTop="15dp"android:layout_marginRight="2dp"android:background="@drawable/wangfei"android:focusable="false"/><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_below="@id/iv_head"android:layout_alignParentRight="true"android:text="王飞"android:textSize="20dp"android:textStyle="bold"android:layout_marginTop="8dp"android:layout_marginRight="8dp"android:textColor="#090909"/><TextViewandroid:id="@+id/tv_chat_content"style="@style/chat_content_style"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginRight="5dp"android:layout_marginTop="30dp"android:layout_toLeftOf="@id/iv_head"android:background="@drawable/chat_right_selector" /></RelativeLayout>

3.创建一个ChatBean类来存放消息信息这些属性

package com.mzxy.wangfei_robot_chattingproject;public class ChatBean {public static final int SEND = 1; // 发送消息public static final int RECEIVE = 2; // 接受消息private int state; // 消息的状态（是接受还是发送）private String message; // 消息的内容public int getState() {return state;}public void setState(int state) {this.state = state;}public String getMessage() {return message;}public void setMessage(String message) {this.message = message;}
}

4.创建一个ChatAdapter数据适配器来对ListView进行数据适配

package com.mzxy.wangfei_robot_chattingproject;import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;import java.util.List;class ChatAdapter extends BaseAdapter {private List<ChatBean> chatBeanList; //聊天数据private LayoutInflater layoutInflater;public ChatAdapter(List<ChatBean> chatBeanList, Context context) {this.chatBeanList = chatBeanList;layoutInflater = LayoutInflater.from(context);}@Overridepublic int getCount() {return chatBeanList.size();}@Overridepublic Object getItem(int position) {return chatBeanList.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View contentView, ViewGroup viewGroup) {Holder holder = new Holder();//判断当前的信息是发送的信息还是接收到的信息，不同信息加载不同的viewif (chatBeanList.get(position).getState() == ChatBean.RECEIVE) {//加载左边布局，也就是机器人对应的布局信息contentView = layoutInflater.inflate(R.layout.chatting_robot_item,null);} else {//加载右边布局，也就是用户对应的布局信息contentView = layoutInflater.inflate(R.layout.chatting_user_item,null);}holder.tv_chat_content = (TextView) contentView.findViewById(R.id.tv_chat_content);holder.tv_chat_content.setText(chatBeanList.get(position).getMessage());return contentView;}class Holder {public TextView tv_chat_content; // 聊天内容}
}

5.添加其他操作(1.在清单文件添加网络权限 2.添加okhttp库)

1.在清单文件添加网络权限

<!--添加网络权限  -->
<uses-permission android:name="android.permission.INTERNET" />

2.添加okhttp库(在build.gradle文件中添加)–在dependencies

dependencies{
implementation 'com.squareup.okhttp3:okhttp:3.12.0'
}

6.主程序MainActivity文件

package com.mzxy.wangfei_robot_chattingproject;import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.text.TextUtils;
import android.view.KeyEvent;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
import android.widget.Toast;import androidx.appcompat.app.AppCompatActivity;import org.json.JSONException;
import org.json.JSONObject;import java.io.IOException;
import java.util.ArrayList;
import java.util.List;import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;public class MainActivity extends AppCompatActivity {/**** @author:王飞* @My_GitHub:https://github.com/Churchillhua-wangfei* @Project_FinishTime:2020年4月29日——09点09分*/private ListView listView;private ChatAdapter adpter;private List<ChatBean> chatBeanList; // 存放所有聊天数据的集合private EditText et_send_msg;private Button btn_send;// 接口地址private static final String WEB_SITE = "http://www.tuling123.com/openapi/api";// 唯一key，该key的值是从官网注册账号后获取的，注册地址来自于：http://www.tuling123.com/private static final String KEY = "40abb943778c472ea40e9c31e1a3c339";private String sendMsg; // 发送的信息private String welcome[]; // 存储欢迎信息private MHandler mHandler;public static final int MSG_OK = 1; // 获取数据@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);chatBeanList = new ArrayList<ChatBean>();mHandler = new MHandler();// 获取内置的欢迎信息welcome = getResources().getStringArray(R.array.welcome);initView(); // 初始化界面控件}public void initView() {listView = findViewById(R.id.list);et_send_msg =  findViewById(R.id.et_send_msg);btn_send =  findViewById(R.id.btn_send);adpter = new ChatAdapter(chatBeanList, this);listView.setAdapter(adpter);btn_send.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View arg0) {sendData(); // 点击发送按钮，发送信息}});et_send_msg.setOnKeyListener(new View.OnKeyListener() {@Overridepublic boolean onKey(View view, int keyCode, KeyEvent keyEvent) {if (keyCode == KeyEvent.KEYCODE_ENTER && keyEvent.getAction() == KeyEvent.ACTION_DOWN) {sendData(); // 点击Enter键也可以发送信息}return false;}});int position = (int) (Math.random() * welcome.length - 1); // 获取一个随机数showData(welcome[position]); // 用随机数获取机器人的首次聊天信息}private void sendData() {sendMsg = et_send_msg.getText().toString(); // 获取你输入的信息if (TextUtils.isEmpty(sendMsg)) { // 判断是否为空Toast.makeText(this, "你还未输任何信息,输出框不能为空", Toast.LENGTH_SHORT).show();return;}et_send_msg.setText("");// 替换空格和换行sendMsg = sendMsg.replaceAll(" ", "").replaceAll("\n", "").trim();ChatBean chatBean = new ChatBean();chatBean.setMessage(sendMsg);chatBean.setState(chatBean.SEND); // SEND表示自己发送的信息chatBeanList.add(chatBean); // 将发送的信息添加到chatBeanList集合中adpter.notifyDataSetChanged(); // 更新ListView列表getDataFromServer(); // 从服务器获取机器人发送的信息}private void getDataFromServer() {OkHttpClient okHttpClient = new OkHttpClient();Request request =new Request.Builder().url(WEB_SITE + "?key=" + KEY + "&info=" + sendMsg).build();Call call = okHttpClient.newCall(request);// 开启异步线程访问网络call.enqueue(new Callback() {@Overridepublic void onResponse(Call call, Response response) throws IOException {String res = response.body().string();Message msg = new Message();msg.what = MSG_OK;msg.obj = res;mHandler.sendMessage(msg);}@Overridepublic void onFailure(Call call, IOException e) {}});}/** 事件捕获 */class MHandler extends Handler {@Overridepublic void dispatchMessage(Message msg) {super.dispatchMessage(msg);switch (msg.what) {case MSG_OK:if (msg.obj != null) {String vlResult = (String) msg.obj;paresData(vlResult);}break;}}}private void paresData(String JsonData) { // Json解析try {JSONObject obj = new JSONObject(JsonData);String content = obj.getString("text"); // 获取的机器人信息int code = obj.getInt("code"); // 服务器状态码updateView(code, content); // 更新界面} catch (JSONException e) {e.printStackTrace();showData("网络未连接");}}private void showData(String message) {ChatBean chatBean = new ChatBean();chatBean.setMessage(message);chatBean.setState(ChatBean.RECEIVE); // RECEIVE表示接收到机器人发送的信息chatBeanList.add(chatBean); // 将机器人发送的信息添加到chatBeanList集合中adpter.notifyDataSetChanged();}private void updateView(int code, String content) {// code有很多种状，先弄几组测试数据switch (code) {case 4004:showData("测试数据01");break;case 40005:showData("测试数据02");break;case 40006:showData("测试数据03");break;case 40007:showData("测试数据04");break;default:showData(content);break;}}protected long exitTime; // 记录第一次点击时的时间@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {if (keyCode == KeyEvent.KEYCODE_BACK && event.getAction() == KeyEvent.ACTION_DOWN) {if ((System.currentTimeMillis() - exitTime) > 2000) {Toast.makeText(MainActivity.this, "请再按一次退出应用程序", Toast.LENGTH_SHORT).show();exitTime = System.currentTimeMillis();} else {MainActivity.this.finish();System.exit(0);}return true;}return super.onKeyDown(keyCode, event);}
}

试数据04");
break;
default:
showData(content);
break;
}
}

protected long exitTime; // 记录第一次点击时的时间

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && event.getAction() == KeyEvent.ACTION_DOWN) {
if ((System.currentTimeMillis() - exitTime) > 2000) {
Toast.makeText(MainActivity.this, “请再按一次退出应用程序”, Toast.LENGTH_SHORT).show();
exitTime = System.currentTimeMillis();
} else {
MainActivity.this.finish();
System.exit(0);
}
return true;
}
return super.onKeyDown(keyCode, event);
}
}

##### 7.最后清理不必要的文件，Build APK文件