前言
在开始实例教程前，我们先来了解一下第二版气泡模式优化内容：
1.气泡头像、角色名、对话框位置可自由调整
2.气泡对话框样式可调整为自定义图片或矢量图
3.气泡头像可关联高级界面
4.图片气泡可设置点击查看大图或关联高级界面
5.气泡头像、角色名、对话框可添加动画
本教程为针对本次气泡模式优化内容的应用实例，相关基础教程请参见以下链接：
气泡模式第一版功能介绍：http://www.3000.com/course/153.html
高级界面功能介绍：http://www.3000.com/course/25.html
教程开始
一、教程目标
使用气泡模式制作QQ聊天界面，可实现以下效果：
1.在气泡中插入数值
2.聊天气泡带弹出效果
3.发送可点击查看大图的图片
4.点击对方头像查看个人资料
5.发送并领取红包
二、素材准备
三、具体步骤
1.角色设置
（1）选择角色-气泡角色-新增角色-编辑。
（2）点击选择头像，选择已经导入的头像素材。在角色名称处输入角色名（此处点击黑色倒三角可直接插入字符串值）。
由于QQ私聊界面通常显示头像，但隐藏昵称，所以此处勾选角色名称的隐藏标签。
（3）调整气泡样式为图片，点击选择，选择已经导入的QQ右气泡素材，背景样式为默认的拉伸。
（4）点击确定保存这个角色。
（5）同样的操作新建第二个角色，这个角色是聊天对象，所以需要点击他的头像时可以查看他的个人资料。
首先制作一个高级界面显示角色的个人资料，然后将气泡角色编辑中的关联界面设置为刚刚制作好的高级界面。
（6）新建第三个角色，作为系统消息，头像和角色名称选择隐藏。
（7）最终的气泡角色管理界面：
2.添加一个高级剧情，并插入准备好的QQ聊天界面底图作为背景。
3.点击显示气泡，添加一个气泡模式1号，并将显示区域拉到合适位置，勾选锁定气泡。
4.发送一条中气泡显示聊天时间。
（1）点击发射气泡，点击气泡角色名，在弹出的角色名设置中的角色名称处选择系统消息（第1步中已设置好）。
（2）点击气泡对话框，并将发射位置设置为中气泡。
（3）将气泡样式设置为图片，并且不选择图片，即可将气泡底图设置为透明。
（4）在气泡对话框中插入数值，用于显示当前时间。
（5）调整字体颜色。
（6）测试结果：
5.发送一个带有弹出效果的气泡。
（1）发射气泡并将角色名称设置为主角的名字。
（2）输入文字并将发射位置设置为右气泡，坐标位置可根据实际文本内容作调整。
（3）弹出气泡的动画设置方式与图片动画的设置方式相似，在气泡对话框设置中选择动画标签，添加动画，将动画1设置为移入，动画时间调整为0.1s，根据需求调整初始位置坐标。
（4）气泡头像设置中也需要设置相同的动画。
（5）测试结果：
6.发送一张可以点击查看大图的图片。
（1）点击连续发射再次发射一个气泡，气泡类型设置为图片-查看大图，点击选择，选择一张要发射的图片。
（2）测试结果：
7.点击聊天对象头像可查看个人资料。
（1）在第1步中设置气泡角色时，我们已经将高级界面“个人资料”与男主角的头像关联。
（2）测试结果：
8.发送一张默认图片。
8.发送并领取红包。
（1）制作一个领取红包的高级界面。
（2）发射一个气泡，气泡类型选择图片-呼出高级界面，选择准备好的红包图片，图片呼出界面选择刚刚制作好的红包领取界面。
（3）发送一个中气泡作为领取红包的提示，角色名称选择设置好的“系统消息”，气泡样式选择矢量图，颜色为灰色。
（4）测试结果：
9.整体测试结果：
10.设置截图：
