我一直坚信着,即使一个最简单的APP,也有他的难点,如果一个复杂的APP你无法做出来,那肯定是你基础不扎实,我身边的人总是问我,安卓为什么学了有忘记了,总是学不好,有些东西记不住,其实这不能怪你,如果别人开发了那么久的东西,你一下子就学会了,你让谷歌怎么活。
篇幅有限,如果读者看不懂的话,可以复习下基础,我尽量将代码简单化了。 先看效果图
如果你是初学安卓,这个APP你可能要半小时
如果你是有经验的开发者,OK,你可能看一遍就能将自己的开发类带入,10分钟不到就搞定。
开发步骤:
1. 先去图灵机器人注册KEY
http://www.tuling123.com/
2.准备好联网操作,将联网工具类放入
PS:这里是我自己的联网工具类,如果喜欢可以收藏
3.准备json解析
json解析并不复杂,所以只是用了自带json解析了
4.UI准备
5.业务逻辑准备
第一步 你先去 图灵机器人的官网申请key 这个不复杂,因为可以QQ登录 如果不想申请 那就用我的呗
key = 349baa5d2bd5d2d7612e4f2c1fcd973d
第二步 联网获取json
其实这个请求数据,没什么区别的,看看他的请求示例
private String url="http://www.tuling123.com/openapi/api?key=349baa5d2bd5d2d7612e4f2c1fcd973d&info=";
后面加入你的输入的信息 即可
联网:1.Httpclient 2. Httpconnection 3.Xutils 4.各种工具类。
一个开发者,随着开发的东西越来越来多,积累的工具也越来越多,在这个小Demo 里 你可以使用自己的工具类
我的联网工具类,是自己封装的 你可以在自带加入线程,用的是Httpconnection联网,然后根据IO操作 转成String 通过接口放回String类型。
package com.example.AiComputer;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;
import java.net.URLConnection;
import java.nio.ByteOrder;
import java.util.concurrent.ExecutorService;
import java.util.concurrent.Executors;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
/**
* 封装的 网络 + 线程
*/
public class HttpUtils {
// 使用线程池来下载图片,同一时刻,最多有3个线程在运行
private static ExecutorService execuotrs = Executors.newFixedThreadPool(3);
interface OnBitmapNetWorkResponse {
public void ok(Bitmap bitmap);
public void error(String error);
}
public static void RequestBitmapNetWork(final String path,
final OnBitmapNetWorkResponse response) {
final Handler handler = new Handler();
execuotrs.execute(new Runnable() {
@Override
public void run() {
boolean isNetWorkOK = false;
try {
URL url = new URL(path);
HttpURLConnection openConnection = (HttpURLConnection) url
.openConnection();
openConnection.setConnectTimeout(5000);
openConnection.connect();
if (openConnection.getResponseCode() == 200) {
InputStream inputStream = openConnection
.getInputStream();
final Bitmap bitmap = BitmapFactory
.decodeStream(inputStream);
handler.post(new Runnable() {
@Override
public void run() {
response.ok(bitmap);
}
});
inputStream.close();
isNetWorkOK = true;
}
} catch (MalformedURLException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
} finally {
if (!isNetWorkOK) {
handler.post(new Runnable() {
@Override
public void run() {
response.error("服务器不在服务区内!");
}
});
}
}
}
});
}
public interface OnNetWorkResponse {
public void ok(String response);
public void error(String error);
}
public static void RequestNetWork(final String path,
final OnNetWorkResponse response) {
//实例化handler
final Handler hanlder = new Handler();
new Thread() {
public void run() {
//标志位
boolean isWorkOK = false;
InputStream inputStream = null;
ByteArrayOutputStream outStream = null;
try {
URL url = new URL(path);
System.out.println("=======path========="+path);
HttpURLConnection connection = (HttpURLConnection) url
.openConnection();
connection.setConnectTimeout(5000);
connection.setDoInput(true);
connection.connect();
if (connection.getResponseCode() == 200) {
inputStream = connection.getInputStream();
outStream = new ByteArrayOutputStream();
byte[] b = new byte[1024];
int len = 0;
while ((len = inputStream.read(b)) != -1) {
outStream.write(b, 0, len);
}
outStream.flush();
final String result = new String(
outStream.toByteArray());
hanlder.post(new Runnable() {
@Override
public void run() {
response.ok(result);
}
});
isWorkOK = true;
}
} catch (MalformedURLException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
} finally {
// 网络操作出问题
if (!isWorkOK) {
response.error("服务器走神拉!");
}
if (inputStream != null) {
try {
inputStream.close();
} catch (IOException e) {
e.printStackTrace();
}
}
if (outStream != null) {
try {
outStream.close();
} catch (IOException e) {
e.printStackTrace();
}
}
}
};
}.start();
}
}
如果对于这一节,不懂的可以看下 我写的 网络编程系列
第三步,就是json 解析
我们在url后面加入 深圳的天气 返回的是
{"code":100000,"text":"今天多云 24~19°C明天阴 26~21°C后天阴 22~17°C"}
最外层是一个大括号,so 直接用JsonObject,解析即可
JSONObject jb = new JSONObject(response);
4.UI准备
其实对于ui 并不复杂, 最外层是一个 线性布局,里面是 两个线性布局,第一个装着listview ----->显示聊天信息 第二个 装着 一个button 发送消息 一个Edittext 输入信息
布局文件:activity_main.xml
<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:orientation="vertical" >
<ListView
android:id="@+id/lv"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:divider="@null"
android:listSelector="@android:color/transparent"
android:transcriptMode="alwaysScroll" >
</ListView>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<EditText
android:id="@+id/sendText"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1" />
<Button
android:id="@+id/send_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="发送"
/>
</LinearLayout>
</LinearLayout>
既然说道了listview 就知道我们的聊天信息,要在上面显示,我们要在适配器中 判断是那个发送的消息,进行判断是哪个发送过来的 显示那部分布局 ,左边的是机器人的消息布局 右边是 我们发送消息的布局
也不复杂, 一个相对布局中有一个textview 显示发送时间,一个Imageview显示机器人的头像 一个textview 显示消息内容
机器人消息的布局
<?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" >
<TextView
android:id="@+id/time"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal" />
<ImageView
android:id="@+id/iv"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_below="@id/time"
android:padding="10dp"
android:src="@drawable/robot" />
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/time"
android:layout_marginRight="50dp"
android:layout_toRightOf="@id/iv"
android:background="@drawable/aio_friend_bg_nor_11"
android:gravity="center" />
</RelativeLayout>
我们发送消息的内容
<?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" >
<TextView
android:id="@+id/time"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal" />
<ImageView
android:id="@+id/iv"
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_alignParentRight="true"
android:layout_below="@id/time"
android:padding="10dp"
android:src="@drawable/xiaoxin" />
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/time"
android:layout_marginLeft="50dp"
android:layout_toLeftOf="@id/iv"
android:background="@drawable/aio_user_bg_nor_11"
android:gravity="center" />
</RelativeLayout>
不知不觉,就走到了最后一步,相信 你一定会觉得,好简单呀,是的很简单,因为最难的在后面
业务逻辑 :
1.Edittext 和listview 和button的实例化
2.button点击事件的处理
获取 Edittext输入的内容,进行处理————>去掉空格和回车的信息,替代成空 。 然后将数据封装到实体类中去。 当大于30条的时候清空一次 然后刷新一下适配器
将处理好的信息 发送到服务器 获取 回复的信息 然后也封装进行实体类,刷新一下适配器
3. 设置欢迎语言,每一次进来,为了提高用户体验,我们进行欢迎语出现, 先建立一个数组 用来装 欢迎语
来到res/values/Strings 加入数组
<string-array name="welcome_tips">
<item>主人,奴婢在此等候多时了</item>
<item>主人,近来一切可好</item>
<item>亲爱的,我想死你了</item>
<item>欢迎归来,我亲爱的主人</item>
<item>我是小新机器人,很高兴为您服务</item>
</string-array>
然后再 java 代码中如一个方法
private String getRandomWelcomeTips() {
String welcome_tip = null;
welcome_array = this.getResources()
.getStringArray(R.array.welcome_tips);
int index = (int) (Math.random() * (welcome_array.length - 1));
welcome_tip = welcome_array[index];
return welcome_tip;
}
应该不难看懂 通过随机 得到数组内容
其中聊天嘛,应该把时间也加入
private String getTime() {
currentTime = System.currentTimeMillis();
SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
Date curDate = new Date();
String str = format.format(curDate);
if (currentTime - oldTime >= 500) {
oldTime = currentTime;
return str;
} else {
return "";
}
}
也就是获取了下 系统时间,然后格式化了下
Java代码 MainActivity
package com.example.AiComputer;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import org.json.JSONException;
import org.json.JSONObject;
import com.example.AiComputer.HttpUtils.OnNetWorkResponse;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;
public class MainActivity extends Activity implements OnClickListener{
//输入框
private EditText sendtext;
private Button send_btn;
private ListView listView;
private String content_str;
private String[] welcome_array;
private String url="http://www.tuling123.com/openapi/api?key=349baa5d2bd5d2d7612e4f2c1fcd973d&info=";
private double currentTime=0, oldTime = 0;
private List<ListData> lists;
private ListData listData;
private MyAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView() {
listView = (ListView) findViewById(R.id.lv);
sendtext = (EditText) findViewById(R.id.sendText);
send_btn = (Button) findViewById(R.id.send_btn);
lists = new ArrayList<ListData>();
//发送的点击事件
send_btn.setOnClickListener(this);
adapter = new MyAdapter(lists, this);
listView.setAdapter(adapter);
listData = new ListData(getRandomWelcomeTips(), ListData.RECEIVER,
getTime());
lists.add(listData);
}
private String getRandomWelcomeTips() {
String welcome_tip = null;
welcome_array = this.getResources()
.getStringArray(R.array.welcome_tips);
int index = (int) (Math.random() * (welcome_array.length - 1));
welcome_tip = welcome_array[index];
return welcome_tip;
}
/*1.获取 Edittext输入的内容,进行处理————>去掉空格和回车的信息,替代成空 。
* 2.然后将数据封装到实体类中去。 当大于30条的时候清空一次 然后刷新一下适配器
* */
@Override
public void onClick(View v) {
getTime();
content_str = sendtext.getText().toString();
sendtext.setText("");
String dropk = content_str.replace(" ", "");
String droph = dropk.replace("\n", "");
listData = new ListData(content_str, ListData.SEND, getTime());
lists.add(listData);
if (lists.size() > 30) {
for (int i = 0; i < lists.size(); i++) {
lists.remove(i);
}
}
adapter.notifyDataSetChanged();
HttpUtils.RequestNetWork(url+droph, new OnNetWorkResponse() {
@Override
public void ok(String response) {
try {
JSONObject jb = new JSONObject(response);
// System.out.println(jb.getString("code"));
// System.out.println(jb.getString("text"));
ListData listData;
listData = new ListData(jb.getString("text"), ListData.RECEIVER,
getTime());
lists.add(listData);
adapter.notifyDataSetChanged();
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
@Override
public void error(String error) {
// TODO Auto-generated method stub
}
});
}
private String getTime() {
currentTime = System.currentTimeMillis();
SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日 HH:mm:ss");
Date curDate = new Date();
String str = format.format(curDate);
if (currentTime - oldTime >= 500) {
oldTime = currentTime;
return str;
} else {
return "";
}
}
}
其实在没有点击的时候,欢迎语 已经通过适配器 显示到listview上面去了 所以我们可以放在adapter实例化下面 ,实体类,主要起的作用就是将 发送的时间和内容 封装好,在适配器中判断 进行展示
其实最重要的是 适配器的内容,应该怎么处理 发送过来的消息:
我们向适配器 传了两个值集合,装满了实体类数据的集合 一个上下文
我们先建立一个相对布局,用来填充条目的内容 我们要想一个list装着实体类,实体类,有很多数据 ,我们需要通过标识符来判断显示那部分内容。
package com.example.AiComputer;
import java.util.List;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.RelativeLayout;
import android.widget.TextView;
public class MyAdapter extends BaseAdapter{
private List<ListData> lists;
private Context mContext;
private RelativeLayout layout;
public MyAdapter(List<ListData> lists,Context mContext) {
this.lists = lists;
this.mContext = mContext;
}
@Override
public int getCount() {
return lists.size();
}
@Override
public Object getItem(int position) {
return lists.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater = LayoutInflater.from(mContext);
if(lists.get(position).getFlag() == ListData.RECEIVER){
layout = (RelativeLayout) inflater.inflate(R.layout.leftitem, null);
}
if (lists.get(position).getFlag() == ListData.SEND) {
layout = (RelativeLayout) inflater.inflate(R.layout.rightitem, null);
}
TextView tv = (TextView) layout.findViewById(R.id.tv);
TextView time = (TextView) layout.findViewById(R.id.time);
tv.setText(lists.get(position).getContent());
time.setText(lists.get(position).getTime());
return layout;
}
}
如有问题,可以在我博客上面留言