即时通讯工具中展现联系人的方法及即时通讯客户端技术

一种即时通讯工具中展现联系人的方法，包括以下步骤：将联系人信息以卡片的形式展现在容器中；响应选中卡片的事件；将所述选中的卡片凸显于所述容器的表面层。此外，还涉及一种即时通讯客户端。上述即时通讯工具中展现联系人的方法及即时通讯客户端，采用将联系人的信息以卡片的形式展现在容器中，再响应选中卡片的事件，将选中的卡片凸显于放置卡片的容器的表面层上，这样使得选中的卡片展示出来具有层次感效果，也就是即时通讯工具中的被选中的联系人展示出来具有层次感效果。

【技术实现步骤摘要】
即时通讯工具中展现联系人的方法及即时通讯客户端
本专利技术涉及计算机技术应用领域，特别涉及一种即时通讯工具中展现联系人的方法及即时通讯客户端。
技术介绍
网络即时通讯工具发展到今天，已经被大多数的网民所接受，成为用户必不可少的软件工具，不仅在平时的休闲娱乐中，而且在用户的工作中同样得到广泛的使用。因此用户对即时通讯软件的易用性、稳定性、安全性等方面提出了更高的要求。传统的即时通讯软件在显示联系人，即展示人物，用户移动鼠标点击某个联系人上时，该联系人图像处于选中状态，采用高亮的方式表示选中，以区别未被选中的联系人。 然而这种显示方式效果单一，无层次感。
技术实现思路
基于此，有必要提供一种具有层次感效果的即时通讯工具中展现联系人的方法。一种即时通讯工具中展现联系人的方法，包括以下步骤将联系人信息以卡片的形式展现在容器中；响应选中卡片的事件；将所述选中的卡片凸显于所述容器的表面层。优选地，将所述选中的卡片凸显于所述容器的表面层的步骤具体包括以下步骤中的至少一个改变选中的卡片表面的光线；对选中的卡片按照预定倍数进行放大；将所述选中的卡片凸显于所述容器表面层，且在所述容器表面层增加阴影层。优选地，在将所述选中的卡片凸显于所述容器的表面层的步骤之后还包括响应移动卡片的事件，计算卡片移动的位移，根据所述位移移动卡片。优选地，所述方法还包括记录卡片的高度、卡片的宽度、相对于卡片中心的旋转角度、卡片中心在容器中的坐标的步骤，所述计算卡片移动的位移具体为获取并记录卡片的选中点在移动前的坐标及在移动后的坐标，并根据所述卡片的选中点的移动前坐标及在移动后坐标计算卡片移动的位移；在移动所述卡片之后还包括获取卡片中心在移动前的坐标，并根据所述卡片的选中点的移动前坐标及在移动后坐标和卡片中心在移动前的坐标计算卡片中心移动后的坐标并记录。优选地，还包括响应旋转卡片的事件，计算旋转角度，根据所述旋转角度旋转所述选中的卡片的步骤。此外，还有必要提供一种具有层次感效果的即时通讯客户端。一种即时通讯客户端，包括展示模块，将联系人信息以卡片的形式展现在容器中；事件响应模块，响应选中卡片的事件；处理模块，将所述选中的卡片进行处理使其凸显于所述容器的表面层，并通过所述展示模块展现出来。优选地，所述处理模块进一步用于改变所述选中的卡片表面的光线，和/或对选中的卡片按照预定倍数进行放大，和/或将所述选中的卡片凸显于所述容器表面层，且在所述容器表面层增加阴影层。优选地，所述事件响应模块还用于响应移动卡片的事件，所述处理模块计算卡片移动的位移，并根据所述位移移动卡片。优选地，还包括记录模块，用于记录卡片的高度、卡片的宽度、相对于卡片中心的旋转角度和卡片中心在容器中的坐标，所述处理模块进一步获取卡片的选中点在移动前的坐标及在移动后的坐标，并根据卡片的选中点在移动前的坐标及在移动后的坐标计算卡片移动的位移和卡片中心移动后的坐标；所述记录模块记录卡片的选中点在移动前的坐标及移动后的坐标、卡片中心在移动前及移动后的坐标。优选地，所述事件响应模块还响应旋转卡片的事件，所述处理模块计算旋转角度， 并根据所述旋转角度旋转所述选中的卡片。上述即时通讯工具中展现联系人的方法及即时通讯客户端，采用将联系人的信息以卡片的形式展现在容器中，再获取选中卡片的事件，将选中的卡片凸显于放置卡片的容器的表面层上，这样使得选中的卡片展示出来具有层次感效果，也就是即时通讯工具中被选中的联系人展示出来具有层次感效果。附图说明图1为一个实施方式中即时通讯工具中展现联系人的方法流程图；图2为一个实施例中将卡片凸显于容器的表面层的具体流程图；图3为一个实施例中将卡片凸显于容器的表面层的效果示意图；图4为一个实施例中即时通讯工具中展现联系人的方法流程图；图5为一个实施例中旋转卡片的效果示意图；图6为一个实施例中卡片放置在容器中的效果示意图；图7为一个实施方式中即时通讯客户端的结构示意图；图8为一个实施例中即时通讯客户端的结构示意图。具体实施方式卡片为一个组合控件，其包括图片、矢量图形、文字和其他控件，且卡片上可以根据需要显示联系人的头像、昵称等联系人信息。容器是用来放置所有卡片的，如当把所有卡片放置桌面上，那么桌面就是容器。卡片控件包括Width，Height，Angle，CenterX，CenterY 属性，分别表示卡片的高度，卡片的宽度、相对卡片中心的旋转角度，卡片中心在容器中的横坐标和纵坐标。下面结合具体的实施例详细阐述本专利技术的技术方案。如图1所示，在一个实施方式中，一种即时通讯工具中展现联系人的方法，包括以下步骤步骤S10，将联系人信息以卡片的形式展现在容器中。将联系人信息设于卡片上， 如联系人的头像、昵称等设在卡片上，再以卡片形式展现出来。步骤S20，响应选中卡片的事件。用户通过触摸或滚动鼠标或按键点击卡片，则该卡片处于选中状态。如包含昵称为“jack”的卡片被用户点击选中，则后台将响应选中 “jack”卡片的事件。步骤S30，将选中的卡片凸显于容器的表面层。响应选中卡片的事件，该卡片被选中，则将该选中的卡片从放置卡片的容器中凸显出来，区别其他未被选中的卡片。在一个实施例中，将选中的卡片凸显于放置卡片的容器的表面层，采用在2D场景中通过高光、放大和阴影三个要素模拟3D凸显效果，如图2所示，具体包括以下步骤步骤S300，改变选中的卡片表面的光线。在选中的卡片凸显的过程中，采用高光层处理，选中的卡片表面的光线发生变化，即为高光动画过程。本实施例中，高光层是一个中间为白色，两边为透明色的图层，在卡片凸显过程中，白色高光从左上移动到右下。步骤S310，对选中的卡片按照预定倍数进行放大。选中的卡片凸显的时候，根据近大远小的透视规律，卡片会适当的放大，即按照预定倍数进行放大，该预定放大倍数与卡片凸显的高度相关，即为放大动画过程。本实施例中，卡片凸显后放大倍数为1.1倍，与卡片凸显的高度相匹配，给人感觉更真实。步骤S320，将选中的卡片凸显于容器表面层，且在该容器表面层增加阴影层。选中的卡片凸显于容器表面层，即离开容器表面，在容器上会出现阴影，即增加阴影层，即为阴影动画过程。本实施例中，阴影层默认与卡片内容重合，在点击卡片时，阴影层颜色变浅，并根据光源的位置移动。如光源在容器左上方，那么阴影就向右下方移动。步骤S300、S310和S320没有先后顺序，且至少一个步骤就能实现卡片的凸显，优选的为三步结合。另外，当用户通过触摸或按键或鼠标点击选中卡片时，同时播放高光动画、放大动画和阴影动画，实现卡片凸显于容器表面层，如图3所示为选中卡片凸显于容器表面层的效果示意图，31为容器、32为卡片、33为阴影层，可看出卡片凸显的变化过程，卡片32被放大、阴影层33下移。当用户移动鼠标或按键或触摸离开选中的卡片时，将播放以上动画的反向动画实现卡片恢复原来未选中时的显示状态，即放置到容器内。当用户同时触摸到多个卡片时，多个卡片一起凸显。在一个实施例中，如图4所示，上述即时通讯工具中展现联系人的方法，还包括步骤步骤S40，响应移动卡片的事件，计算卡片移动的位移，根据该位移移动卡片。卡片被选中后，用户通过鼠标或手指触摸拖动卡片移动，计算卡片移动发生的位移，根据该位移将卡片移动到相应的位置上。在本实施例中，还包括记录卡本文档来自技高网...

【技术保护点】
１．一种即时通讯工具中展现联系人的方法，包括以下步骤：将联系人信息以卡片的形式展现在容器中；响应选中卡片的事件；将所述选中的卡片凸显于所述容器的表面层。

【技术特征摘要】

【专利技术属性】
技术研发人员：任旻，张强，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：94