基于Android的聊天软件的设计与实现-一个聊天软件开发起来没那么难不是?(2)https://developer.aliyun.com/article/1558198
4.2客户端模块
客户端具体功能:
- 注册功能:建立与服务器的连接并注册,能显示注册失败信息。
- 登录功能:将添加成功的好友显示在好友列表中,并且可以通过点击进入聊天界面,进行与好友的聊天。将最近联系的好友以及其对话内容显示在消息界面。
- 添加好友功能:输入存在的id号,能搜索出相对应的用户及其基本信息,点击添加好友,发送请求,id号码不存在,显示无此用户。
- 聊天功能:当好友发来信息时显示在聊天界面中。用户也可以与此同时发送消息给好友。消息类型有三种:
- 文本:输入框直接输入。
- 图片:图片的获取方式有两种,拍照和本地照片。
- 语音:长按语音按钮,进行录音。
- 聊天记录:能保存聊天记录,并能查看,删除聊天记录的详细信息。
- 信息提示:系统弹出信息到来的信息,并播放音乐来提示。
- 退出登录功能:用户点击后可退出当前帐号,以登录另一个帐号。
4.2.1 客户端欢迎界面
如图 4.7 所示,用户在点击应用程序图标后启动应用的欢迎界面:
图4.7欢迎界面
关键代码:
Private void initView() { // 如果是首次运行 mHandler = new Handler(); mHandler.postDelayed(new Runnable() { publicvoid run() { goLoginActivity(); } }, 1000); }
4.2.2 客户端注册界面
如图 4.8 所示,用户在登陆界面点击新用户按钮,进入注册界面:
关键代码:
// 对话框显示 protected Dialog onCreateDialog(intid) { AlertDialog.Builder builder = new AlertDialog.Builder(this); switch (id) { caseCHOICE_HEAD_DIALOG: { builder.setTitle("选择头像来源").setItems(new String[] { "相册", "拍照" }, new DialogInterface.OnClickListener() { @Override publicvoid onClick(DialogInterface dialog, intwhich) { if (which == 0) { // 跳转到图片浏览器的应用,选取图片 Intent i = new Intent(); i.setType("image/*"); i.putExtra("return-data", true); i.setAction(Intent.ACTION_GET_CONTENT); // 回传数据 startActivityForResult(i, Activity.DEFAULT_KEYS_SHORTCUT); } elseif (which == 1) { // 拍照 Intent it = new Intent( "android.media.action.IMAGE_CAPTURE"); File file = FileUtil.createHeadFile("temp"); fileUri = Uri.fromFile(file); it.putExtra(MediaStore.EXTRA_OUTPUT, fileUri); startActivityForResult(it, Activity.DEFAULT_KEYS_DIALER); } } }); } break; } returnbuilder.create(); }
如图 4.9,4.10,4.11所示,当用户输入信息有误时显示:
图 4.9 输入框为空图 4.10 编辑头像前必须输入昵称
如图 4.17,4.18,4.19和4.18所示,登陆成功后到达好友列表界面,界面有三个切换卡(viewpager),分别为联系人消息和动态界面。默认显示联系人界面。
图4.17 无好友的聊天界面 图4.18 有好友的消息界面
图 4.19 有好友的联系人界面 图 4.20 暂未开放的动态界面
4.2.5 添加好友界面
如图 4.21所示,点击添加好友的图标后进入到添加好友界面,包括一个输入框和一个按钮。
图4.21 添加好友界面
如图4.22 所示,当输入的用户id不存在时,会提示不存在该用户:
图4.22 查找失败
如图 4.23所示,当输入的用户id存在时,会显示该用户的基本信息:
图4.23 查找成功
如图 4.24和4.25所示,当被添加好友在线时收到是否同意添加的对话框,点击确定,则成功添加对方为好友;此时对方也显示添加好友成功。
图4.24 出现添加好友的请求对话框 图4.25 对方同意的提示对话框
4.2.6 用户信息界面
如图4.26 和4.27 所示,点击好友界面上的头像,以跳转到该界面。该界面可以编辑用户的头像以及退出登录:
图4.26 用户信息界面 图4.27 提示头像来源的对话框
基于Android的聊天软件的设计与实现-一个聊天软件开发起来没那么难不是?(4)https://developer.aliyun.com/article/1558200