专利名称:一种即时通讯工具中分组列表的排列方法及其装置的制作方法
技术领域:
本发明涉及计算机技术领域,尤其涉及一种即时通讯工具中分组列表的排列方法及其装置。
背景技术:
当今社会中,计算机技术应用的范围越来越广,且计算机在网络中的应用也担当更多的角色,其中,即时通讯anstant Messenger, IM)工具在网络(包括互联网、局域网等)的应用也渐进普及,已经成为用户沟通、交流必不可少的软件工具,无论是平时的休闲娱乐还是用户的日常工作得到广泛的应用。在当前IM工具中已经为用户提供了换肤、更换背景图片等个性化功能,但是,用户对IM工具的界面表现的要求越来越高,IM工具需要更加灵活、丰富的界面表现形式。现有的IM工具在设计用户界面时,将需要顺序显示的分组元素放入列表控件 (ListBox)中进行显示。其中对分组列表的排列一般是采用直列面板形式实现,另外,许多用户在使用IM工具过程中会增加好友数量,且对好友进行分组,增加大量的分组数量,现有分组列表的直线排列方式较为单一,不能够满足用户个性化的需求,同时,直列面板的形式的界面表现力不够,不能够展现丰富的分组列表界面。
发明内容
本发明实施例所要解决的技术问题在于,提供一种即时通讯工具中分组列表的排列方法及其装置,可以灵活、丰富地展现即时通讯工具中分组列表的界面。为此,本发明实施例提供了一种即时通讯工具中分组列表的排列方法,所述方法包括在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;根据所述直线距离及界面表现设定值设置与所述多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述分组元素的中心点的距离;根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;根据所述任一分组元素移动后的位置将所述多个分组元素排列成弧形。相应地, 本发明实施例还提供了一种即时通讯工具中分组列表的排列装置,所述排列装置包括元素设置模块,用于在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;圆心设置模块,用于根据所述元素设置模块所获得的直线距离、及界面表现设定值设置与所述多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述分组元素的距离;移动模块,用于根据所述圆心设置模块所设置的弧形圆心的位置、及所获得的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;排列模块,用于根据所述移动模块对任一分组元素进行移动所获得的移动后的位置将所述多个分组元素排列成弧形。在本发明实施例中,通过弧线形式对即时通讯工具中分组列表进行排列,可以提高分组列表的界面表现力,能够展现丰富的分组列表界面及更为丰富的信息,使用户对即时通讯工具中分组列表的排列操作更为简单,从而提高了即时通讯工具的易用性,满足了用户的个性化需求,提高了用户体验。
图1是本发明实施例中的即时通讯工具中分组列表的排列方法的具体流程示意图;图2是本发明中将分组元素进行直线排列时的第一实施例的效果示意图;图3是本发明中将分组元素进行直线排列时的第二实施例的效果示意图;图4是本发明实施例中将分组元素进行弧形排列的效果示意图;图5是本发明方法实施例中对任一分组元素进行移动的流程示意图;图6是本发明实施例的即时通讯工具中分组列表的排列装置的结构组成示意图;图7是图6中的计算模块的结构组成示意图。
具体实施例方式下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。本发明实施例中的分组元素的形状可以通过控件实现以不同形状展示的分组元素,本发明实施例主要通过分组元素的中心点的位置获得其它参数如弧形半径R等,与分组元素的形状并无实质性关系,因而分组元素的形状不局限于特定形状,可以是圆形、正方形、长方形或者其它不规则形状等。以下实施例以分组元素为圆形为主。为了能够灵活、丰富地展现即时通讯工具中分组列表的界面,本发明实施例提出了一种即时通讯工具中分组列表的排列方法,如图1所示,该方法包括S101,在列表控件中竖直方向设置多个分组元素,并将多个分组元素直线排列, 获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距 1 ;S102,根据直线距离及界面表现设定值设置与多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与分组元素的中心点的距离;S103,根据弧形圆心的位置及第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;
6
S104,根据任一分组元素移动后的位置将多个分组元素排列成弧形。在本发明方法实施例中,通过弧线形式对即时通讯工具中分组列表进行排列,可以提高分组列表的界面表现力,能够展现丰富的分组列表界面及更为丰富的信息,使用户对即时通讯工具中分组列表的排列操作更为简单,从而提高了即时通讯工具的易用性,满足了用户的个性化需求,提高了用户体验。在具体实施中,在SlOl中,可以在列表控件中竖直方向设置N个分组元素,并将N 个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离2L,其中N= {2,L L,n},根据L= (N_l)*h/2获得相邻两个分组元素的中心点的距离h,其中N是ListBox中完整显示的分组元素的个数。在S102中,可根据R2 = L2+(R_d)2设置与N个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得N个分组元素按弧形排列后弧形的半径R,其中,R为分组元素的中心点与弧形圆心的距离,d为界面表现设定值,d可以是根据界面展现的需要进行设定,R 的大小与d相关。其中,直线排列和弧形排列时ListBox中显示的分组元素的数量保持一致,且排列成弧形后相邻两个分组元素之间的弧形距离相等,ListBox中第一个分组元素和最后一个能够在ListBox中全部显示的分组元素(如N个分组元素能够全部显示时则为第N个分组元素)的位置保持不变,另外,排列后最左侧的分组元素不超出ListBox的边界。SlOl在具体实施过程中,如图2所示,方框代表ListBox,圆圈代表每一个分组元素,将N个分组元素在列表控件中竖直方向设置,并直线排列(每个圆心在同一竖直直线上),根据L = (N-I) *h/2获得相邻两个圆圈的圆心的距离h,这时,分组元素的高度h (相邻两个圆心之间的距离)等于圆圈的直径(2r),这样设置的话在按照弧形排列分组元素时分组元素间的间距会变大;另外,也可以将两个分组元素的距离设置更大,使h>2r。因此, 在列表控件中竖直方向设置N个分组元素,并将N个分组元素直线排列时,可将多个分组元素中任意相邻两个分组元素重叠设置,且相邻两个分组元素的中心点相隔距离相等。具体实施中的示意图如图3所示,分组元素的高度h(相邻两个圆心之间的距离)小于圆圈的直径(2r),这样就能够实现分组元素互相重叠的效果,能够使分组元素的展示界面更加紧凑、 美观。具体可以通过在渲染时将分组元素的绘制区放大,而分组元素的实际存储高度不变, 这样不会影响ListBox决定是否显示滚动条的逻辑。下面结合图4、图5对本发明的方法实施例进行详细描述。具体实施中,如图5所示,S103进一步包括S1031,根据弧形圆心的位置及第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量;S1032,根据任一分组元素相对于第一个分组元素的偏移量获得每个分组元素的移动距离;S1033,根据每个分组元素的移动距离对每个分组元素进行移动并获得移动后的位置。具体地,S1031进一步包括根据弧形圆心的位置及第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角;根据第一夹角获得相邻两个分组元素相对于弧形圆心所形成的第二夹角;根据弧形圆心与分组元素的距离及第一夹角及第二夹角获得任一分组元素相对于第一个分组元素的横向偏移量及纵向偏移量。具体实施中,可根据α = arcsin(L/R)计算出第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角α ;其中,L为第一个分组元素的中心点与第N个分组元素的中心点的直线距离的一半,R为分组元素的中心点(小圆圈圆心)与弧形圆心的距离,即是弧形的半径。根据第一夹角α及β =2* α/(N-I)计算出相邻两个分组元素相对于弧形圆心所形成的第二夹角β ;β为两个小圆圈圆心分别与弧形圆心连成直线后, 两条直线所形成的夹角,这里的N为在LiStBox设置的N个分组元素总和,比如在图4中,N =9。根据弧形圆心与分组元素的中心点的距离计算出第N个分组元素相对于第一个分组元素的横向偏移量X(N)及纵向偏移量Y(N),这里的N代表第N个分组元素,如第三个分组元素则N = 3。其中,X (N) = R*cos α -R*cos [ α - (N_l) * β ],Y (N) = R*sin α -R*sin [ α - (N-I) * β ],其中,α为第一夹角,β为第二夹角,R为弧形半径,N为第N个分组元素。具体地,S1032包括根据任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;根据任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。具体实施中,根据第N个分组元素相对于第一个分组元素的横向偏移量X (N)获得第N个分组元素的横向移动距离X(N);根据第N个分组元素相对于第一个分组元素的纵向偏移量Y(N)及直线排列时第N个元素相对于第一个分组元素的纵向偏移量H(N)获得第N 个分组元素的纵向移动距离Y(N)-H(N),其中,H(N) = (n-l)*h,H(N)是每个分组元素在直线排列时相对于第一个分组元素竖直方向的偏移量。由于每个分组元素都是相对于将N个分组元素直线排列的状态下进行移动,则在弧形排列后每个分组元素在水平方向的移动距离为横向移动距离X (N),而在竖直方向的移动距离为纵向移动距离Y(N)-H(N),N为第N个分组元素。获得X(N)及Y(N)-H(N)后,根据每个分组元素的横向移动距离X(N)及纵向移动距离Y (N)-H (N)将N个分组元素排列成弧形。实施本发明的方法实施例,通过弧线形式对即时通讯工具中分组列表进行排列, 可以提高分组列表的界面表现力,能够展现丰富的分组列表界面及更为丰富的信息,使用户对即时通讯工具中分组列表的排列操作更为简单,从而提高了即时通讯工具的易用性, 满足了用户的个性化需求,提高了用户体验。另外,在具体实施中,随着ListBox的大小发生变化(弧形半径会产生变化),或者滚动条发生滚动时则需要重新计算每个分组元素的偏移量;还可以在krollChanged事件 (当检测到对滚动位置、范围或视区大小进行了更改时发生)激发时,重新计算每个分组元素的偏移量并重绘分组元素,可以实现分组元素沿弧形滚动的效果。
另外,为了增强界面的表现效果,当鼠标移动到分组元素上面时,分组元素还可以播放动画,以呼吸的节奏放大缩小,并高亮显示。在选中分组元素的时候,分组元素还可以播放动画,显示颜色高亮、放大、加粗字体和分组元素的边界线。本发明实施例还提供了一种即时通讯工具中分组列表的排列装置,如图6所示, 该排列装置包括元素设置模块60,用于在列表控件中竖直方向设置多个分组元素,并将多个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;圆心设置模块61,用于根据元素设置模块60所获得的直线距离、及界面表现设定值设置与多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与分组元素的距离;移动模块62,用于根据圆心设置模块61所设置的弧形圆心的位置、及所获得的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;排列模块63,用于根据移动模块62对任一分组元素进行移动所获得的移动后的位置将多个分组元素排列成弧形。具体实施中,元素设置模块60在列表控件中竖直方向设置N个分组元素,并将N 个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离2L,其中N= {2,L L,n},根据L= (N_l)*h/2获得相邻两个分组元素的中心点的距离h,其中N是ListBox中完整显示的分组元素的个数。圆心设置模块61 可根据R2 = L2+(R-d)2设置与N个分组元素的中心点的距离分别相等的弧形圆心的位置, 并获得N个分组元素按弧形排列后弧形的半径R,其中,R为分组元素的中心点与弧形圆心的距离,d为界面表现设定值,d可以是根据界面展现的需要进行设定,R的大小与d相关。其中,直线排列和弧形排列时ListBox中显示的分组元素的数量保持一致,且排列成弧形后相邻两个分组元素之间的弧形距离相等,ListBox中第一个分组元素和最后一个能够在ListBox中全部显示的分组元素(如N个分组元素能够全部显示时则为第N个分组元素)的位置保持不变,另外,排列后最左侧的分组元素不超出ListBox的边界。其中,如图7所示,移动模块62包括偏移量获得单元620,用于根据弧形圆心的位置及第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量;移动距离获得单元621,用于根据偏移量获得单元620所获得的任一分组元素相对于第一个分组元素的偏移量获得每个分组元素的移动距离;移动单元622,用于根据移动距离获得单元621所获得的每个分组元素的移动距离的对每个分组元素进行移动并获得移动后的位置。进一步地,偏移量获得单元620包括夹角获得子单元,用于根据弧形圆心的位置及第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角,并根据第一夹角获得相邻两个分组元素相对于弧形圆心所形成的第二夹角;偏移量获得子单元,用于根据弧形圆心与分组元素的中心点的距离及夹角获得子单元所获得的第一夹角及第二夹角获得任一分组元素相对于第一个分组元素的横向偏移量及纵向偏移量。具体地,夹角获得子单元根据α = arcsin(L/R)计算出第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角α,并根据第一夹角α及β = 2* α/ (N-I)计算出相邻两个分组元素相对于弧形圆心所形成的第二夹角β ;其中,L为第一个分组元素的中心点与第N个分组元素的中心点的距离的一半,R为分组元素的中心点(小圆圈圆心)与弧形圆心的距离,即是弧形的半径;β为两个小圆圈圆心分别与弧形圆心连成直线后,两条直线所形成的夹角,这里的N为在ListBox设置的N个分组元素总和,比如在图4中,N = 9。偏移量获得子单元根据弧形圆心与分组元素的中心点的距离计算出第N个分组元素相对于第一个分组元素的横向偏移量X (N)及纵向偏移量Y (N),这里的N代表第N个分组元素,如第三个分组元素则N = 3。其中,X (N) = R*cos α -R*cos [ α - (N_l) * β ],Y (N) = R*sin α -R*sin [ α - (N-I) * β ],其中,α为第一夹角,β为第二夹角,R为弧形半径,N为第N个分组元素。移动距离获得单元621包括;横向移动距离获得子单元,用于根据任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;纵向移动距离获得子单元,用于根据任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。具体地,横向移动距离获得子单元根据第N个分组元素相对于第一个分组元素的横向偏移量X(N)获得第N个分组元素的横向移动距离X(N);纵向移动距离获得子单元根据第N个分组元素相对于第一个分组元素的纵向偏移量X(N)及直线排列时第N个元素相对于第一个分组元素的纵向偏移量H(N)获得第N个分组元素的纵向移动距离Y(N)-H(N), 其中,H(N) = (n-l)*h,H(N)是每个分组元素在直线排列时相对于第一个分组元素竖直方向的偏移量。由于每个分组元素都是相对于N个分组元素直线排列的状态下进行移动,则在弧形排列后每个分组元素在水平方向的移动距离为横向移动距离X (N),而在竖直方向的移动距离为纵向移动距离Y(N)-H(N)。排列模块63还用于根据每个分组元素的横向移动距离X(N)及纵向移动距离 Y(N)-H(N)将N个分组元素排列成弧形。元素设置模块60在列表控件中竖直方向设置N个分组元素,并将N个分组元素直线排列时,可将多个分组元素中任意相邻两个分组元素重叠设置,且相邻两个分组元素的中心点相隔距离相等。具体实施中的示意图如图3所示,分组元素的高度h(相邻两个圆心之间的距离)小于圆圈的直径(2r),这样就能够实现分组元素互相重叠的效果,能够使分组元素的展示界面更加紧凑、美观。具体可以通过在渲染时将分组元素的绘制区放大,而分组元素的实际存储高度不变,这样不会影响ListBox决定是否显示滚动条的逻辑。
实施本发明的装置实施例,通过弧线形式对即时通讯工具中分组列表进行排列, 可以提高分组列表的界面表现力,能够展现丰富的分组列表界面及更为丰富的信息,使用户对即时通讯工具中分组列表的排列操作更为简单,从而提高了即时通讯工具的易用性, 满足了用户的个性化需求,提高了用户体验。通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件。基于这样的理解,上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。以上所述的实施方式,并不构成对该技术方案保护范围的限定。任何在上述实施方式的精神和原则之内所作的修改、等同替换和改进等,均应包含在该技术方案的保护范围之内。
权利要求
1.一种即时通讯工具中分组列表的排列方法,其特征在于,所述方法包括在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距 1 ;根据所述直线距离及界面表现设定值设置与所述多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述分组元素的中心点的距离;根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;根据所述任一分组元素移动后的位置将所述多个分组元素排列成弧形。
2.如权利要求1所述的即时通讯工具中分组列表的排列方法,其特征在于,所述根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置的步骤包括根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量;根据所述任一分组元素相对于第一个分组元素的偏移量获得每个所述分组元素的移动距离;根据所述每个分组元素的移动距离对每个分组元素进行移动并获得移动后的位置。
3.如权利要求2所述的即时通讯工具中分组列表的排列方法,其特征在于,所述根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量的步骤包括根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角;根据所述第一夹角获得相邻两个所述分组元素相对于弧形圆心所形成的第二夹角;根据弧形圆心与分组元素的中心点的距离及所述第一夹角及第二夹角获得任一分组元素相对于第一个分组元素的横向偏移量及纵向偏移量。
4.如权利要求3所述的即时通讯工具中分组列表的排列方法,其特征在于,所述根据所述任一分组元素相对于第一个分组元素的偏移量获得每个所述分组元素的移动距离的步骤包括根据所述任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;根据所述任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。
5.如权利要求4所述的即时通讯工具中分组列表的排列方法,其特征在于,所述根据所述任一分组元素移动后的位置将所述多个分组元素排列成弧形的步骤包括根据任一分组元素的横向移动距离及纵向移动距离将多个分组元素排列成弧形。
6.如权利要求1所述的即时通讯工具中分组列表的排列方法,其特征在于,在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列时,可将多个分组元素中任意相邻两个分组元素重叠设置,且相邻两个分组元素的中心点相隔距离相等。
7.—种即时通讯工具中分组列表的排列装置,其特征在于,所述排列装置包括元素设置模块,用于在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;圆心设置模块,用于根据所述元素设置模块所获得的直线距离、及界面表现设定值设置与所述多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述分组元素的距离;移动模块,用于根据所述圆心设置模块所设置的弧形圆心的位置、及所获得的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;排列模块,用于根据所述移动模块对任一分组元素进行移动所获得的移动后的位置将所述多个分组元素排列成弧形。
8.如权利要求7所述的即时通讯工具中分组列表的排列装置,其特征在于,所述移动模块包括偏移量获得单元,用于根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量;移动距离获得单元,用于根据所述偏移量获得单元所获得的任一分组元素相对于第一个分组元素的偏移量获得每个所述分组元素的移动距离;移动单元,用于根据所述移动距离获得单元所获得的每个所述分组元素的移动距离的对每个分组元素进行移动并获得移动后的位置。
9.如权利要求8所述的即时通讯工具中分组列表的排列装置,其特征在于,所述偏移量获得单元包括夹角获得子单元,用于根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角,并根据所述第一夹角获得相邻两个所述分组元素相对于弧形圆心所形成的第二夹角;偏移量获得子单元,用于根据弧形圆心与分组元素的中心点的距离及所述夹角获得子单元所获得的第一夹角及第二夹角获得任一分组元素相对于第一个分组元素的横向偏移量及纵向偏移量。
10.如权利要求9所述的即时通讯工具中分组列表的排列装置,其特征在于,所述移动距离获得单元包括;横向移动距离获得子单元,用于根据所述任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;纵向移动距离获得子单元,用于根据所述任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。
11.如权利要求10所述的即时通讯工具中分组列表的排列装置,其特征在于,所述排列模块还用于根据任一分组元素的横向移动距离及纵向移动距离将多个分组元素排列成弧形。
12.如权利要求7所述的即时通讯工具中分组列表的排列装置,其特征在于,设置模块在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列时,可将多个分组元素中任意相邻两个分组元素重叠设置,且相邻两个分组元素的中心点相隔距离相寸。
全文摘要
本发明实施例公开了一种即时通讯工具中分组列表的排列方法及其装置,其中,该方法包括在列表控件中竖直方向设置多个分组元素,并将多个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;根据直线距离及界面表现设定值设置与多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与分组元素的中心点的距离;根据弧形圆心的位置及直线距离对任一分组元素进行移动并获得移动后的位置;根据任一分组元素移动后的位置将多个分组元素排列成弧形。通过弧线形式对即时通讯工具中分组列表进行排列,能够展现丰富的分组列表界面及更为丰富的信息,满足了用户的个性化需求。
文档编号G06F3/048GK102163118SQ201010115188
公开日2011年8月24日 申请日期2010年2月22日 优先权日2010年2月22日
发明者任旻, 张强, 谢伟文 申请人:腾讯科技(深圳)有限公司