自己集成的android容联云IMdemo效果展示

最近在做关于容联云IM方面的功能,实现的主要是简单的一对一的图文聊天、语音聊天和视频聊天,同时也包括使用sqlite存储聊天数据之类的。因为公司没有要求实现好友列表或者多人聊天之类的,所有暂时还没有实现这些功能。本人也是刚工作不久,第一次写博客,学习到的东西也希望能够分享给大家,有什么说的不对的地方也请大家指正。下面我就展示一下集成容联云demo后的效果图和自己修改后的效果图,后面我也会详细的说明是如何去修改这些内容的。
我下面先展示一下集成容联云demo后的效果,首先是登陆的界面:



首先我是开的两个夜神的模拟器,分别要输入自己的id和要联系的人的id。我们假设A的id为111,B的id为222。左边就相当于自己为A,要联系B,右边就应该输入自己的id为B,联系人的id为A.输入完成后就可以分别登陆了。


除了普通的聊天之外,也可以发送语音消息,同时下面也会有面板来完成其他方面的一些功能,发图片、文件或者拍照,这些功能都是有的,我就不演示了。
关于两边头像显示不一样,那个是本地的默认头像,随机选取的,要想更改头像,需要改sqlite里的联系人数据,简单展示一下:

上图是A里面联系人的数据,自己为photo_three,对方为photo_one。



上图是B里面联系人的数据,自己为photo_three,对方为photo_two。
具体如何修改sqlite联系人的数据我后面几天的博客里面会慢慢介绍的,这里就不多说了。

下面我们可以测试一下语音通话的功能了:

上面这个界面就是A给B打电话的界面。


这个就是B接电话之后的界面,开始通话后,还会有个计时器开始记时。语音通话这一块的功能基本就是这样,下面说视频通话。由于是模拟器的原因,视频通话用模拟器跑起来稍微有点慢:



就如上图所示。左下角黑色的是自己的摄像头,也就是看到自己的画面,其它全屏的部分都是看到对方的画面。


后面看一下我修改demo过后的效果:


这个是在我们项目里的效果图,数据都是要连接口的,现在在家里,接口不通。头像确实忘记给个默认头像了,后面这张图我会补过一张的。后面我会讲解怎么修改最顶上的topViewBar,怎么给予用户在线提示、怎么修改发送语音消息界面和下面的控制面板怎么添加内容和修改样式的。

下面我们看一下语音通话界面:


大提上就是简单的修改了一下界面,这里说一下,在容联云这里语音通话录音功能是SDK已经实现了的,但是使用的时候是要收费的,免提功能其实就是获取当前设备的状态,也没多少内容,后面会简单价绍。主要是收起这个功能确实花了我不少时间。功能要求是界面缩小成一个圆圈,可以一边通话一边聊天。




实现后的效果就如上图所示,稍微有点看不清楚,美工那个圆圈的图也没给我们,就先将就的用。其实就是跟qq里面语音聊天的界面是差不多 的。点击圆圈后又可以回到原先的通话界面。我们也看到了,B也收到了A发过来的推送消息。



大概就是这个样子,说起来功能不多,但是确实实现上还是有点难度的,后面我会仔细讲解这方面的内容的。下面我们看一下视频通话:


视频这边的功能和语音通话的功能差不多,说一下,容联云这边是不提供录像功能的,只提供视频语音录制功能,所以录像这个功能能不能实现还有待考证,免提功能是一样的,都是获取设备的状态然后设置的,收起功能也就是把视频通话的界面缩小,可以一边视频聊天一边打字和发图片,点击缩小的视频界面又可以回到原来的全屏视频界面,大概就是这个样子。





总的来说其实就是图文聊天界面仿照微信的来,语音和视频聊天界面仿照QQ的来,也没办法,产品设计出来就是这个样子的。整体上基本的功能都实现完成了,还有些小的细节没有处理完,后面我会慢慢完善的。我博客里提供了demo的apk的下载,demo源码的话估计后面两个星期内会提供出来。后面的博客我会介绍如何修改完成这些方面的功能的,今天就写到这,拜拜!!






  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 15
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值