7.3.3  发送聊天信息

7.3.3 发送聊天信息

在发送聊天信息页面中允许用户发送自己的聊天信息。为体现个性化,允许设置发言的格式,报告聊天对象、表情选择、颜色设置及贴图等。对于表情和颜色选择,各选项可在页面设计时静态添加,聊天对象和贴图两个DropDownList控件的选项则在页面加载时动态增加。

聊天对象指用户发言时面向的对象,包括当前在线的所有用户及“大家”,对应的DropDownList控件定义如下:

978-7-111-46863-9-Chapter07-18.jpg

在定义中仅添加“大家”一项,其余选项均在Page_Load事件中加载,代码如下:

978-7-111-46863-9-Chapter07-19.jpg

由于在线用户动态对是改变的,因此这里主要从数据库中查询当前的在线用户信息,并将其添加到对象列表中。

贴图指在用户所发送的聊天信息后面显示用户指定的图片,以增加趣味性。由于贴图中用户所选择的图片信息存储在FaceSheet数据表中,因此添加其选项也在Page_load事件中动态加载,以下是加载的有关代码:

978-7-111-46863-9-Chapter07-20.jpg

978-7-111-46863-9-Chapter07-21.jpg

为提供贴图预览功能,将贴图选项所对应的DropDownList控件的AutoPostBack属性设置为True。这样当贴图选项发生改变时,便会立即提交至服务器。从而改变Image控件的显示,如图7-10所示。

978-7-111-46863-9-Chapter07-22.jpg

图7-10 Image控件的显示

改变图片显示的相应代码如下:

978-7-111-46863-9-Chapter07-23.jpg

“发送”按钮的单击事件代码如下:

978-7-111-46863-9-Chapter07-24.jpg

978-7-111-46863-9-Chapter07-25.jpg