Login| Sign Up| Help| Contact|

Patent Searching and Data


Title:
INSTANT MESSAGING (IM) CLIENT AND IMPLEMENTATION METHOD FOR USER INTERFACE THEREOF
Document Type and Number:
WIPO Patent Application WO/2011/153898
Kind Code:
A1
Abstract:
Embodiments of the present invention disclose an instant messaging (IM) client and an implementation method thereof. The IM client (501) includes a main panel (502) which can display a list of messaging objects, and it also includes a sub-panel (503) established outside the area of said main panel according to a sub-panel establishment request. Said sub-panel is a sub-panel corresponding to one or more messaging object in said list of messaging objects; wherein, said sub-panel comprises a plurality of vector graphic layers which correspond to the different attributes of said messaging objects respectively. By adopting the present invention, convenient operation of the messaging objects and abundant implementation of the operation on the messaging objects can be realized.

Inventors:
YIN YU (CN)
XIE WEIWEN (CN)
CHEN BIN (CN)
REN MIN (CN)
GAO SHUNDONG (CN)
LI ANQI (CN)
Application Number:
PCT/CN2011/074514
Publication Date:
December 15, 2011
Filing Date:
May 23, 2011
Export Citation:
Click for automatic bibliography generation   Help
Assignee:
TENCENT TECH SHENZHEN CO LTD (CN)
YIN YU (CN)
XIE WEIWEN (CN)
CHEN BIN (CN)
REN MIN (CN)
GAO SHUNDONG (CN)
LI ANQI (CN)
International Classes:
H04L12/58; G06F3/048; G06F15/16
Foreign References:
CN101127736A2008-02-20
CN101036104A2007-09-12
CN101046721A2007-10-03
CN1825807A2006-08-30
US20030030670A12003-02-13
Attorney, Agent or Firm:
DEQI INTELLECTUAL PROPERTY LAW CORPORATION (CN)
北京德琦知识产权代理有限公司 (CN)
Download PDF:
Claims:
权利要求书

1、 一种即时通信客户端, 其特征在于, 包括:

主面板, 用于显示通信对象列表;

处理模块, 用于根据用户的子面板建立请求建立对应于所述通信对 象列表中的至少一个通信对象的子面板; 所述子面板包括多个矢量图 层, 所述矢量图层分别对应所述通信对象的不同属性。

2、 如权利要求 1所述的客户端, 其特征在于, 进一步包括: 通信接口模块, 用于与服务器进行信息交互;

所述处理模块进一步用于通过所述通信接口模块从所述服务器获 取至少一个所述属性的信息, 并将所述属性的信息通过对应该属性的矢 量图层提供给所述用户; 接收用户通过操作子面板的矢量图层触发的指 令, 执行预设的、 对应该指令的操作。

3、 如权利要求 1所述的客户端, 其特征在于,

所述处理模块用于根据所述一个属性的状态的变化改变所述属性 对应的矢量图层的显示状态; 根据收到的激活指示将一个矢量图层从隐 藏状态变为显示状态。

4、 如权利要求 2所述的客户端, 其特征在于, 所述处理模块用于 当所述通信接口模块从所述服务器接收到所述通信对象的消息时, 改变 一个矢量图层的显示状态; 在接收到用户的聊天指示后, 显示所述矢量 图层中的快聊窗口图层, 通过所述快聊窗口图层接收用户输入的聊天消 息, 并将用户输入的聊天消息通过通信接口模块发送给所述服务器。 5、 如权利要求 3 所述的客户端, 其特征在于, 所述处理模块用于 当接收到用户的激活指示时, 将所述矢量图层中的菜单图层从隐藏状态 变为显示状态, 在所述菜单图层中提供多个响应区域, 通过各响应区域 向用户提供所述通信对象的不同属性的信息。

6、 如权利要求 1~5 中任一权利要求所述的客户端, 其特征在于, 所述处理模块用于为所述多个矢量图层分别设置堆叠顺序, 当所述矢量 图层之间有重叠区域时, 将堆叠顺序高的矢量图层显示在堆叠顺序低的 矢量图层的上层。

7、 一种即时通信客户端的用户接口实现方法, 其特征在于, 包括: IM客户端提供显示通信对象列表的主面板;

根据用户的子面板建立请求建立对应于所述通信对象列表中的至 少一个通信对象的子面板;

其中, 所述子面板包括多个矢量图层, 所述矢量图层分别对应所述 通信对象的不同属性。

8、 如权利要求 7 所述的方法, 其特征在于, 所述矢量图层包括普 通矢量图层和隐藏矢量图层, 所述方法包括:

根据属性状态的变化改变其对应的所述普通矢量图层的显示状态, 或 /和

根据收到激活指示将所述隐藏矢量图层从隐藏状态变为显示状态。

9、 如权利要求 8 所述的方法, 其特征在于, 所述普通矢量图层包 所述根据属性状态的变化改变其对应的所述普通矢量图层的显示 状态包括, 当所述客户端接收到所述通信对象的新消息时所述消息图层 改变显示状态,或 /和当所述消息图层接收到聊天指示后从所述消息图层 转变为快聊窗口图层。

10、 如权利要求 8所述的方法, 其特征在于, 所述隐藏矢量图层包 括圓盘菜单图层;

所述根据收到激活指示从隐藏状态变为显示状态包括:

所述圓盘菜单图层接收到激活指示后, 显示多个响应区域, 各响应 区域对应所述通信对象的不同属性。

11、 如权利要求 10 所述的方法, 其特征在于, 所述响应区域对应 的属性包括即时通信邮件响应、 会话窗口响应、 通信对象状态显示、 隐 藏请求响应中的一个或多个。

12、 如权利要求 7~11 中任一项所述的方法, 其特征在于, 所述方 法包括:

预设所述多个矢量图层的堆叠顺序;

当所述矢量图层之间有重叠区域时, 将堆叠顺序高的矢量图层置于 堆叠顺序低的矢量图层的上层。

Description:
一种即时通信客户端及其用户接口的实现方法 本申请要求于 2010 年 6 月 10 日提交中国专利局、 申请号为 201010201536.9、 发明名称为"一种即时通信客户端及其实现方 "的中 国专利申请的优先权, 其全部内容通过引用结合在本申请中。 技术领域

本发明涉及一种即时通信领域, 尤其涉及一种即时通信客户端及其 用户接口的实现方法。 发明背景

即时通信 ( Instant Messaging, IM ) 工具已经成为大多数网民不可 或缺的软件工具之一。

常见的 IM工具的客户端在主面板上提供联系人列表, 用户通过对 主面板上显示的联系人列表进行操作来完成针 对联系人的操作 (如打开 聊天窗口、 屏蔽联系人信息、 自定义联系人名称、 查看联系人是否在线 等情况等)。 用户对联系人操作一般需要进行如下几个步骤 : 显示 IM工 具的主面板; 在主面板中找到联系人所在的分类 /分组; 在联系人列表中 选择联系人; 触发针对联系人的操作, 如聊天、 查看资料等。 发明内容

本发明的一个实施例提供了一种即时通信客户 端, 包括: 主面板, 用于显示通信对象列表;

处理模块, 用于根据用户的子面板建立请求建立对应于所 述通信对 象列表中的一个通信对象的子面板;

所述子面板包括多个矢量图层, 所述矢量图层分别对应所述通信对 象的不同属性。

本发明的另一实施例提供了一种即时通信客户 端的用户接口实现 方法, 包括:

IM客户端提供显示通信对象列表的主面板;

根据用户的子面板建立请求建立对应于所述通 信对象列表中的一个 通信对象的子面板; 所述子面板包括多个矢量图层, 所述矢量图层分别 对应所述通信对象的不同属性。

从上述技术方案可以看出, 本发明实施例的即时通信客户端及其用 户接口的实现方法, 除了提供主面板以外还可以根据用户的指示生 成子 面板, 子面板以矢量图层的方式来提供通信对象的各 种属性的信息, 从 而使得对通信对象的操作变得快捷。 附图简要说明

图 1是本发明实施例的一种即时通信客户端的结 示意图。

图 2是本发明实施例的一种即时通信客户端的用 接口实现方法的 流程图。

图 3是一种即时通信客户端的主面板的示意图。

图 4是本发明实施例的一种子面板的示意图。

图 5a是本发明实施例中的客户端的一种组成示意 。

图 5b是本发明实施例中的一种子面板的结构示意 。

图 6是本发明实施例中显示了快聊小窗口的子面 的示意图。 图 7是本发明实施例中显示了圓盘菜单图层的子 板的一种具体组 成示意图。

图 8是本发明实施例中一种进行即时通信的流程 意图。

图 9是本发明实施例中显示了各图层堆叠顺序的 意图。 实施本发明的方式

现有的联系人操作存在局限, 联系人的各种状态只能通过列表方式 展现, 如果关闭了聊天窗口后, 若要再次发起聊天需要寻找联系人列表 中的联系人, 并点击激活聊天窗口才能进行聊天。 特别是当用户的联系 人比较多时, 用户需要花费较长时间寻找某个联系人。

因此, 本发明实施例提供一种即时通信客户端及其实 现方法, 可以 以非列表的方式来表现通信对象, 并可以体现通信对象的各种属性。 在 此基础上可以制作丰富多样的通信对象属性的 动态表现, 并实现更多与 联系人互动的功能。

图 1为本发明实施例中的一种即时通信客户端的 构示意图。 如图 1所示, 即时通信客户端 (以下筒称 IM客户端)主要包括主面板 101、 处理模块 102、 子面板 103和通信接口模块 104。

主面板 101是 IM客户端中可以显示通信对象列表 (例如, 可以包 括联系人列表、聊天群组列表以及其它列表等 )的面板。 图 3是一种 IM 客户端的主面板的示意图。 如图 3所示, 在展开状态下, 主面板 301通 常包括: 用户状态区域 301、 联系人列表区域 302、 相关应用的入口区 域 303等。

处理模块 102用于处理来自 IM服务器的 IM消息、用户状态更新信 息等, 并将这些信息通过主面板 101和 /或子面板 103呈现给用户; 检测 用户对主面板或子面板的操作,执行相应的处 理。例如, 呈现聊天窗口、 关闭聊天窗口、 生成子面板 103、 最小化主面板 101、 将用户输入的 IM 消息通过通信接口模块 104发送给服务器等。

通信接口模块 104采用预定的通信协议, 如 TCP/IP等, 与 IM服务 器进行通信, 对来自 IM服务器的协议报文进行解析, 对来自处理模块 102的待发送信息进行协议封装等。 IM客户端中可以包括一个或多个子面板 103,每个子面板 103对应 至少一个通信对象。 上述的通信对象可以是联系人、 聊天群组等。 子面 板 103用于呈现通信对象的状态, 并为用户提供对通信对象进行操作的 入口, 例如查看联系人信息、 发起与联系人聊天等。

在本发明实施例中, 一个即时通信客户端包括一个主面板 101 , 子 面板 103则可为一个或多个, 图 1中示例为一个的情况。 对于主面板和 子面板的相对位置并没有明确限定, 主面板和子面板都可以自由的移 动, 在特定情况下也可能重叠。

子面板 103是根据用户的子面板建立请求在所述主面板 外的区域建 立的。 用户可以在主面板上执行预定的操作触发子面 板建立请求, 处理 模块 102检测到该操作后在用户指定的位置生成子面 板 103。 例如, 用 户可将主面板中的通信对象(如某一联系人) "拖" 出来生成一个子面 板, 子面板具有对应于该通信对象的不同属性的矢 量图层作为对联系人 进行操作的用户接口。

处理模块 102使子面板 103停留在用户指定的位置, 例如用户设备 的显示界面中主面板以外的某个位置, 如桌面上空闲的一个位置, 直到 检测到用户移动该子面板 103的操作。 此时, 用户设备的显示界面上显 示的客户端的界面如图 5a所示, 图 5a是本发明实施例中的客户端的一 种组成示意图, 包括主面板和子面板, 两个面板相互独自。

子面板 103的显示是独立于主面板的, 用户对主面板显示属性的修 改, 如最小化、 隐藏等, 不会影响子面板的显示。 这是由处理模块通过 对用户操作进行分析和处理实现的, 当用户操作的对象是主面板时, 处 理模块仅对主面板的显示属性进行修改。 例如, 当处理模块检测到用户 点击主面板上的最小化按钮时, 仅将主面板最小化。 对于在 WINDOWS 操作系统中的客户端, 用户可以用鼠标选择主面板中的联系人, 将该联 系人拖拽到桌面, 客户端则在桌面生成对应于该联系人的子面板 , 并使 该子面板长期置于桌面上, 即使主面板被最小化, 用户也可以通过该子 面板向该联系人快速地发送消息。

处理模块 102收到来自 IM服务器的联系人状态更新信息或者联系 人发送给用户的 IM消息时, 可以将这些信息或消息通过子面板提供给 用户。 例如, 处理模块可以向子面板发送控制信息, 使子面板的显示状 态发生变化。 例如, 当收到联系人的状态从离线变为在线时, 将子面板 的显示颜色由灰白变为彩色; 当收到联系人发来的 IM消息时, 在子面 板上显示动画, 提示用户收到新的 IM消息, 等。

处理模块 102还可以根据预定的策略选择将这些信息同时 通过主面 板提供给用户。 例如, 当主面板最小化或隐藏时, 不通过主面板提供这 些信息; 当主面板显示时, 同时通过子面板和主面板提供这些信息, 等。

这样, 用户就可以根据需要为常用的联系人生成子面 板, 并使其显 示在桌面上, 当需要与该联系人进行互动时, 不需要从主面板的联系人 列表中找出该联系人, 而是可以直接通过桌面上该联系人对应的子面 板 来发起相应的操作。

同时, IM工具的设计者可以为子面板制作丰富多样的 态表现方式 来为用户呈现联系人各种状态及其变化, 以及表现用户与联系人互动的 更多功能。

图 2是本发明实施例的一种即时通信客户端的用 接口实现方法的 流程图。 如图 2所示, 该 IM客户端的用户接口实现方法主要包括下列 步骤。

步骤 201 , IM客户端接收用户的子面板建立请求, 生成一个对应用 户指定的至少一个通信对象的子面板。 该子面板可以显示在用户指定的 位置上, 或者是系统默认的位置, 等等。 在一个实施例中, 子面板显示 在用户设备的显示窗口中主面板以外的位置上 。

步骤 202, IM客户端将从 IM服务器获取的所述通信对象的属性信 息通过所述子面板呈现给所述用户; 接收用户通过操作子面板发出的指 令, 执行预设的与该指令对应的操作。

下面将举例子描述 IM客户端通过子面板向用户呈现通信对象属性 信息的方法和 IM客户端通过子面板接收用户指令的方法。

为了方便描述,后文中通常采用用户操作 +效果的方式对本发明实施 例提供的 IM客户端的功能进行描述, 但本领域技术人员应当明白, 用 户进行某种操作后产生的结果均为 IM客户端中的处理模块 102通过检 测用户行为、 分析并进行相应处理而产生的。

为了体现联系人的各种属性, 可以采用多个矢量图层来组成子面 板, 这些矢量图层对应了联系人的不同属性, 联系人的各属性的信息通 过相应的矢量图层提供给用户, 并作为对应属性的操作入口。 联系人的 至少一个属性的信息可以是从 IM服务器获取的。 如图 4所示, 为一种 子面板的示例, 本例中采用具有头部 401、 身体 402、 名字 403、 消息泡 泡 404、 服饰 405、 饰品 406等组成部分的头像( avatar )来作为子面板, 各组成部分对应不同的属性以及对该属性进行 对应操作的入口。

这里, 属性是指联系人的各种信息, 例如,联系人的自选头像图标、 联系人的昵称或 IM号码、 联系人的状态(在线、 离线等)、 联系人的即 时消息、 联系人是否在听音乐的状态、 联系人的游戏状态等。 这些属性 都可以通过上述子面板来呈现给用户。 子面板 103可以包括多个矢量图层, 如图 5b所示, 为包括第一矢 量图层和第二矢量图层的子面板。 本实施例中的矢量图层分别对应所述 通信对象的不同属性。 用户可以通过对不同矢量图层进行操作来实现 对 通信对象的不同属性的操作。 如, 对于如图 4所示的子面板, 其中包括 分为头部 401、 身体 402、 服饰 405等代表不同属性的矢量图层。 例如, 头部矢量图层中可以显示联系人的自选头像图 标, 该图层还能提供用户 对该联系人操作的入口, 例如, 当用户的鼠标放在该图层区域时, 可以 触发处理模块显示动画, 如, 使头部可以跟随鼠标的移动进行摆动; 当 用户点击该图层区域时, 处理模块检测到该动作并执行预先与该动作对 应的操作。

上述矢量图层可以有多种不同的表现形式和属 性, 以下分类别对其 进行介绍。 若按是否可隐藏来分, 矢量图层可包括普通矢量图层和隐藏 矢量图层。 其中, 所述普通矢量图层根据其对应的属性状态的变 化改变 显示状态; 所述隐藏矢量图层根据收到激活指示从隐藏状 态变为显示状 态。

如图 4所示的子面板中, 头部 401、 身体 402、 服饰 405的矢量图 层为普通矢量图层, 在正常情况下该图层为非隐藏状态状态, 并且可以 随着对应的属性状态的变化改变显示状态, 如, 对于头部矢量图层, 可 以根据在线状态的不同而采用不同的渲染方式 (如, 在线为彩色显示, 离线则为全灰, 离开则在右下角叠加表示离开状态的小图标。 )

在某些具体实施例中, 该普通矢量图层可包括对应通信对象消息属 性的消息图层 404, 所述消息图层 404用于当所述客户端接收到所述通 信对象的新消息时改变显示状态, 或 /和用于在接收到聊天指示后, 转变 为快聊窗口图层, 即在消息图层 404的位置上显示快聊窗口图层。 如图 4所示的子面板中, 右上角的包括三个黑点的 "泡泡" 即为一种消息图 层。 当有新消息到达时, 泡泡中的三个黑点会渲染成红色, 提醒用户有 新消息到达。 而当需要与该联系人聊天时, 可以通过鼠标点击该泡泡, 此时会出现一个快聊小窗口 601 , 如图 6所示。 用户可以在该窗口的输 入栏中输入对话(如图中所示为输入了 "测试 ")。 IM客户端则将用户 输入的聊天消息发送给 IM服务器。 在输入栏上方会实时显示双方已发 表的对话内容(图中未示)。 当不需要使用快聊小窗口聊天时, 可通过 鼠标点击小窗口外的区域等操作, 将小窗口切换回泡泡。

在某些具体实施例中, 该隐藏矢量图层包括菜单图层; 在显示状态 时, 所述菜单图层包括多个响应区域, 各响应区域对应所述通信对象的 不同属性。 其中, 所述响应区域包括即时通信邮件响应区域、 会话窗口 响应区域、通信对象状态显示区域、隐藏请求 响应区域中的一个或多个。 如在如图 4所示的子面板中, 通过鼠标点击头部, 则会动态的出现原来 隐藏的圓盘形状的菜单图层。

如图 7所示, 为显示了圓盘菜单图层的子面板的一种具体示 例。 在 本例中, 该圓盘菜单图层为分成四等分的环绕原子面板 的圓环形。 也可 以是其他形状, 如橢圓环、 方框、 空心菱形等, 或也可以不是围绕形式 的, 如可以是处于原子面板一侧的圓形、 方形、 带状、 不规则形状等, 浮于原子面板上层的各种图形等。 同时, 也可以分为其他的等分或不等 分数, 如采用九宫格等形式。 原子面板中的某些图层的功能由圓盘菜单 图层中的一个响应区域来实现。 例如, 快聊窗口图层的快聊功能则由靠 右的响应区域 701实现, 鼠标点击该区域也会出现如图 6所示的快聊小 窗口 601。 在本例中, 左边的响应区域 702为通信邮件响应区域, 鼠标 点击该区域可进行 email的查阅等操作。 如点击该区域即在相应的浏览 器中打开对应的 email邮箱窗口, 客户端的用户可以在该窗口进行查询 新邮件、 回邮件等操作。 在下方的响应区域 703则可以显示该联系人当 前的状态, 如通过即时通信软件听的歌曲, 更新的签名档等等; 同时, 还可以将隐藏请求响应区域(图中显示为一个 " X " 标志的按键)设置 在此处, 鼠标点击该按键, 则圓盘菜单图层转变为隐藏状态, 子面板恢 复到原子面板(如图 4所示) 的样子。

对于上述矢量图层, 由于有多个, 同时处于显示范围和美观等考虑, 各矢量图层之间可能存在重叠的区域, 可对多个矢量图层分别预设堆叠 顺序, 当所述矢量图层之间有重叠区域时, 堆叠顺序高的矢量图层总是 处于堆叠顺序低的矢量图层的上层。

通过上述描述可知, 由于在本发明实施例中的即时通信客户端中, 除了主面板以外还可以根据指示生成子面板, 同时子面板以矢量图层的 方式来体现通信对象(如联系人) 的各种属性; 这一方面使得对相应的 通信对象的操作变得快捷, 另一方面, 由于矢量图层的特性使得实现更 多通信对象属性的动态表现变得可行和容易, 并可实现更多与联系人互 动的功能。

另一方面, 本发明实施例还提供了一种即时通信客户端的 实现方 法, 该客户端包括可显示通信对象列表的主面板, 该方法包括:

根据子面板建立请求在所述主面板外的区域建 立子面板, 所述子面 板对应于所述通信对象列表中的一个或多个通 信对象;

其中, 所述子面板包括多个矢量图层, 所述矢量图层分别对应所述 通信对象的不同属性。

同时, 若矢量图层包括普通矢量图层和隐藏矢量图层 , 则该方法还 包括:

根据属性状态的变化改变其对应的所述普通矢 量图层的显示状态, 或 /和

根据收到的激活指示将所述隐藏矢量图层从隐 藏状态变为显示状 态。

其中, 若该普通矢量图层包括对应通信对象消息属性 的消息图层; 则所述根据属性状态的变化改变其对应的所述 普通矢量图层的显示状 态包括, 当所述客户端接收到所述通信对象的新消息时 所述消息图层改 变显示状态,或 /和当所述消息图层接收到聊天指示后从所述 息图层转 变为快聊窗口图层。

若所述隐藏矢量图层包括圓盘菜单图层; 则所述^^据收到激活指示 从隐藏状态变为显示状态包括:

所述圓盘菜单图层接收到激活指示后, 显示多个响应区域, 各响应 区域对应所述通信对象的不同属性。 其中, 响应区域对应的属性可包括 即时通信邮件响应、 会话窗口响应、 通信对象状态显示、 隐藏请求响应 中的一个或多个。

若各矢量图层之间可能存在重叠, 则该方法包括:

预设所述多个矢量图层的堆叠顺序;

当所述矢量图层之间有重叠区域时, 将堆叠顺序高的矢量图层置于 堆叠顺序低的矢量图层的上层。

为了使本发明实施例中所描述的方法更容易理 解, 以下以一个特定 的操作流程为基础描述各个具体的实现细节。 需要说明的是, 不应理解 本发明实施例只能以该特定的操作流程来实现 , 而是也可以以其他的各 种操作流程来实现。

如图 8所示, 为本发明实施例中通过子面板进行即时通信的 流程示 意图。 该流程包括:

801、 在 IM客户端的主面板中单击联系人(或称好友) 表分组打 开某组联系人列表。 此时主面板显示如图 2所示。

802、 在主面板中联系人列表的某联系人上按下鼠标 左 /右键不松开 并拖拽到桌面, 该鼠标操作动作即激发一个子面板生成请求, 一旦在主 面板外的合适区域(通常为空白的桌面 )松开鼠标左 /右键, 则客户端根 据该请求在适当的桌面位置生成一子面板(可 称其为桌面好友)。 对于运行在操作系统的客户端程序而言响应于 上述鼠标操作则为: 当鼠标左键按下并拖拽好友列表的某个联系人 头像到桌面并松开鼠标 按钮时, 客户端程序捕获到 Drop 事件, 在 Drop 的位置上创建桌面好 友 "不规则透明窗口" 对象, 并且设置此窗口为置顶 (TopMost ) 窗口。

当然, 上述激发子面板生成请求的鼠标操作也可以是 其他的具体操 作, 如若显示屏幕为触摸屏时(如当客户端安装在 触摸手机, 触摸液晶 电脑显示器中), 可以通过触摸、 滑动、 离开等一系列的操作实现生成 桌面好友; 也可以通过预设的快捷键操作实现生成桌面好 友; 甚至可能 是通过声控实现生成桌面好友。 同时, 对于下述的各种鼠标操作也可以 对应的使用其他的具体操作。 这些可能的变化对于本领域普通技术人员 而言都是熟知的, 此处不做——赘述。

以下对该桌面好友的具体组成进行描述: 上述透明窗口内包括多个 矢量图层, 这些矢量图层组成了桌面好友。 这些矢量图层具体可包括: 头部、 消息泡泡、 身体、 服饰、 名字区、 饰品区、 圓盘菜单等矢量图层, 客户端程序控制这些图层的叠加、 色彩、 旋转角度、 呈现 /隐藏等。

这些图层除了头部里面的联系人头像, 所有都是通过 XAML ( extensible Application Markup Language , 可扩展应用程序标己语言 ) 描述的矢量图层而并非图片贴图图层。 矢量的好处之一就是在作放大、 旋转等变换的时候不会失真, 更适合呈现一些动态效果。

如图 9所示, 为表示了堆叠顺序的桌面好友的各图层。 如图所示, Zlndex表示图层的堆叠顺序,如果两个图层有重 叠的地方,那么 Zlndex 更高(本例中则是 Zlndex数字值越大图层堆叠顺序越高 )的图层总是处 于 Zlndex较低的图层的上面。

下面——解释各个图层代表的联系人属性, 及相应的操作。

头部: 是一个相框,相框边框颜色根据联系人身份不 同而不同(如, 男性为蓝色; 女性为粉红; 会员为统一的鲜红色)。 相框里显示该联系 人的头像(如联系人自定义的头像), 根据在线状态的不同可采用不同 的渲染方式(在线: 彩色; 离线: 全灰; 离开: 在头像右下角叠加表示 离开状态的小图标), 即当联系人在线状态改变时, 该渲染方式随之改 变, 客户端的使用者则可以看到该改变。

当鼠标进入 "头部" 区域的时候, "头部" 响应 MouseEnter事件。 对 "头部" 同时进行旋转变换 ( RotateTransform ) 和位移变换 ( TranslateTransform )来实现左右摇头的可爱动画。只要鼠标保持 "头 部 " 区域内, 则此动画会重复播放 ( RepeatBehavior="Forever" ), 实现不 停地摇头效果。如果鼠标离开 "头部" 区域, 则响应 MouseLeave 事件, 停止上述动画。 如表 1和表 2所示, 为旋转变换和位移变化时采用的时 间与变换的关系表。

表 1 : 旋转变换 (RotateTransform)

注: 以上变换都是线性平滑变换, 变化过程不是突变的。 身体, 鼠标在 "身体" 这个区域可以拖动整个桌面好友, 并移动桌 面好友的位置。

服饰, 根据联系人身份不同而穿着不同 (如, 男性: 蓝色外套并打 领带; 女性: 粉红上衣; 会员: 统一鲜红色衣服并在衣服左边有个 V标 记)。

名字区, 显示联系人的昵称或者备注名, 相当于一个 Label。

803、 判断联系人的音乐在线共享状态是否打开, 如有打开并且联 系人如果正在听音乐 (如, QQMusic ) 的话, 则在桌面好友上显示隐藏 的饰品矢量图层(饰品区), 此时的桌面好友显示为桌面好友头部戴耳 机, 并有音符图样不停飘动并消失的动画。

上述的耳机和音符就是 "饰品" 之一, 平常是隐藏起来的。 当满足 条件, 例如此联系人正在听 QQMusic, 并且联系人的音乐在线共享状态 已经打开时, IM服务器会通知 IM客户端此联系人正在听的歌名。

IM客户端中的桌面好友收到这个通知后, 会将饰品 "耳机" 显示 出来, 同时一些音符矢量图案会通过程序控制其位移 变换、 角度变换以 及透明度变换, 实现出音符飘动和消失的动画。 如图 4所示, 为有饰品 406显示的桌面好友。

这里的 "饰品"是 "依附"在头部上的, 所以当鼠标进入头部区域, 头部的摇摆动画也会带着饰品一起摆动。

804、 进行快聊。 此快聊是通过对快聊窗口图层 (此处称为消息泡 泡) 的操作来实现的。 消息泡泡可以永久常驻在头部右上方, 当有好友消息到达时, 泡泡 上的三个黑色点会渲染成红色, 提醒用户有新消息到达。 任何时候点击 这个泡泡都会立即出现一个快聊小窗口。

可以在快聊小窗口里看到好友发来的消息, 并且可以在输入框里输 入文本, 按回车就发送消息出去, 快速与好友进行聊天。

805、 显示圓盘菜单。

点击桌面好友的头部, 会动态出现圓盘菜单, 左右分别为发邮件和 打开会话窗口, 下方按钮为关闭桌面好友。 圓盘菜单的好处是操作区域 大并且一目了然, 特别适合触摸操作, 方便快捷。

在圓盘菜单中,响应区域分成 4等分。平常整个圓盘菜单是隐藏的, 高度和宽度均为 0。 当 "头部" 被点击时, 圓盘菜单的高度和宽度将在 200毫秒内同时由 0快速平滑变到 245 ,这样圓形菜单就由小变大地 "弹" 出来了。

806、 通过圓盘菜单进行聊天。

点击桌面好友圓盘菜单中的右部按钮可以打开 快聊窗口 (或称为 All in One会话窗口), 与好友进行更丰富的聊天对话。

此外, 点击圓盘菜单的左部按钮可以打开给该好友发 送邮件。 在圓 盘菜单的下方区域, 会滚动显示当前好友的动态信息, 例如联系人的空 间(如 Qzone ) 的更新信息、 个性签名更新、 正在听的歌名等。 通过上 述描述可知, 由于在本发明实施例中的即时通信客户端中, 除了主面板 以外还可以根据指示生成子面板, 同时子面板以矢量图层的方式来体现 通信对象(如联系人) 的各种属性; 这一方面使得对相应的通信对象的 操作变得快捷, 如可以通过使用子面板来方便与通信对象进行 快速聊 天, 不同长时间开启主面板寻找联系人列表; 另一方面, 由于矢量图层 的特性使得实现更多通信对象属性的动态表现 变得可行和容易, 并可实 现更多与联系人互动的功能。

本领域普通技术人员可以理解实现上述实施例 方法中的全部或部 分流程, 是可以通过计算机程序来指令相关的硬件来完 成, 所述的程序 可存储于一计算机可读取存储介质中, 该程序在执行时, 可包括如上述 各方法的实施例的流程。 其中, 所述的存储介质可为磁碟、 光盘、 只读 存储记忆体(Read-Only Memory, ROM )或随机存储记忆体(Random Access Memory, RAM )等。

以上所揭露的仅为本发明一种较佳实施例而已 , 当然不能以此来限 定本发明之权利范围, 因此依本发明权利要求所作的等同变化, 仍属本 发明所涵盖的范围。

上述一段用 "以上所述是本发明的优选实施方式, 应当指出, 对于 本技术领域的普通技术人员来说, 在不脱离本发明原理的前提下, 还可 以做出若干改进和润饰, 这些改进和润饰也视为本发明的保护范围。" 替代亦可。