QQ聊天气泡效果界面Android代码实现过程

2025-10-26 03:45:58

1、1. 实现使用ListView显示聊天信息,聊天信息中包括姓名、信息内容、发送时间、头像。

2. 通过Spinner控件选择发送消息的人,点击Send按钮时,将EditText中输入的信息添加到ListView的末尾进行显示。

1.1 创建应用程序

打开Eclipse,创建一个名为MyQQ的Android应用程序。

1.2 添加图片资源

将给定的res文件夹下的资料加入到MyQQ的drawable-hdpi文件夹下。

1.3 添加尺寸资源

向values文件夹下的dimens.xml中添加如下代码:

1.1 添加字符串资源

向values文件夹下添加arrays.xml,并添加如下资源:

QQ聊天气泡效果界面Android代码实现过程

2、设计布局

1.1.1 activity_main.xml

按照下图的样式,为activity_main.xml添加ListView控件、Spinner控件、EditText控件和Button控件。

实现的效果如图示和

布局文件代码如下:

QQ聊天气泡效果界面Android代码实现过程

QQ聊天气泡效果界面Android代码实现过程

3、msg_item.xml

向layout中添加msg_item.xml文件用来设计ListView中每一个Item的显示。如图:

布局文件代码如下:

QQ聊天气泡效果界面Android代码实现过程

QQ聊天气泡效果界面Android代码实现过程

QQ聊天气泡效果界面Android代码实现过程

4、设计MsgAdapter类

向项目中添加com.example.adapter包,并在此包下添加MsgAdapter类,该类继承自BaseAdapter。代码如下:

QQ聊天气泡效果界面Android代码实现过程

QQ聊天气泡效果界面Android代码实现过程

QQ聊天气泡效果界面Android代码实现过程

QQ聊天气泡效果界面Android代码实现过程

5、5、 完善MainActivity类

1.1.1 添加成员变量

向MainActivity类中添加如下成员变量

QQ聊天气泡效果界面Android代码实现过程

6、 添加处理逻辑

向onCreate方法中添加对控件的获取、初始化数据的生成、以及对用户操作的处理。代码如下:

QQ聊天气泡效果界面Android代码实现过程

7、 运行程序

运行程序,查看结果。应该是这样的结果:

如果时间不允许的话那么我就提供给你源码吧:

http://pan.baidu.com/s/1sjP564P

QQ聊天气泡效果界面Android代码实现过程

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢