CN102163118B - 一种即时通讯工具中分组列表的排列方法及其装置 - Google Patents

一种即时通讯工具中分组列表的排列方法及其装置 Download PDF

Info

Publication number
CN102163118B
CN102163118B CN201010115188.6A CN201010115188A CN102163118B CN 102163118 B CN102163118 B CN 102163118B CN 201010115188 A CN201010115188 A CN 201010115188A CN 102163118 B CN102163118 B CN 102163118B
Authority
CN
China
Prior art keywords
point
group element
group
distance
circle
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201010115188.6A
Other languages
English (en)
Other versions
CN102163118A (zh
Inventor
任旻
谢伟文
张强
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201010115188.6A priority Critical patent/CN102163118B/zh
Publication of CN102163118A publication Critical patent/CN102163118A/zh
Application granted granted Critical
Publication of CN102163118B publication Critical patent/CN102163118B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Abstract

本发明实施例公开了一种即时通讯工具中分组列表的排列方法及其装置,其中,该方法包括:在列表控件中竖直方向设置多个分组元素,并将多个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;根据直线距离及界面表现设定值设置与多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与分组元素的中心点的距离;根据弧形圆心的位置及直线距离对任一分组元素进行移动并获得移动后的位置;根据任一分组元素移动后的位置将多个分组元素排列成弧形。通过弧线形式对即时通讯工具中分组列表进行排列,能够展现丰富的分组列表界面及更为丰富的信息,满足了用户的个性化需求。

Description

一种即时通讯工具中分组列表的排列方法及其装置
技术领域
本发明涉及计算机技术领域,尤其涉及一种即时通讯工具中分组列表的排列方法及其装置。
背景技术
当今社会中,计算机技术应用的范围越来越广,且计算机在网络中的应用也担当更多的角色,其中,即时通讯(Instant Messenger,IM)工具在网络(包括互联网、局域网等)的应用也渐进普及,已经成为用户沟通、交流必不可少的软件工具,无论是平时的休闲娱乐还是用户的日常工作得到广泛的应用。在当前IM工具中已经为用户提供了换肤、更换背景图片等个性化功能,但是,用户对IM工具的界面表现的要求越来越高,IM工具需要更加灵活、丰富的界面表现形式。
现有的IM工具在设计用户界面时,将需要顺序显示的分组元素放入列表控件(ListBox)中进行显示。其中对分组列表的排列一般是采用直列面板形式实现,另外,许多用户在使用IM工具过程中会增加好友数量,且对好友进行分组,增加大量的分组数量,现有分组列表的直线排列方式较为单一,不能够满足用户个性化的需求,同时,直列面板的形式的界面表现力不够,不能够展现丰富的分组列表界面。
发明内容
本发明实施例所要解决的技术问题在于,提供一种即时通讯工具中分组列表的排列方法及其装置,可以灵活、丰富地展现即时通讯工具中分组列表的界面。
为此,本发明实施例提供了一种即时通讯工具中分组列表的排列方法,所述方法包括:
在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;
根据所述直线距离及界面表现设定值设置与所述多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述分组元素的中心点的距离;
根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;
根据所述任一分组元素移动后的位置将所述多个分组元素排列成弧形。相应地,本发明实施例还提供了一种即时通讯工具中分组列表的排列装置,所述排列装置包括:
元素设置模块,用于在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;
圆心设置模块,用于根据所述元素设置模块所获得的直线距离、及界面表现设定值设置与所述多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述分组元素的距离;
移动模块,用于根据所述圆心设置模块所设置的弧形圆心的位置、及所获得的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;
排列模块,用于根据所述移动模块对任一分组元素进行移动所获得的移动后的位置将所述多个分组元素排列成弧形。
在本发明实施例中,通过弧线形式对即时通讯工具中分组列表进行排列,可以提高分组列表的界面表现力,能够展现丰富的分组列表界面及更为丰富的信息,使用户对即时通讯工具中分组列表的排列操作更为简单,从而提高了即时通讯工具的易用性,满足了用户的个性化需求,提高了用户体验。
附图说明
图1是本发明实施例中的即时通讯工具中分组列表的排列方法的具体流程示意图;
图2是本发明中将分组元素进行直线排列时的第一实施例的效果示意图;
图3是本发明中将分组元素进行直线排列时的第二实施例的效果示意图;
图4是本发明实施例中将分组元素进行弧形排列的效果示意图;
图5是本发明方法实施例中对任一分组元素进行移动的流程示意图;
图6是本发明实施例的即时通讯工具中分组列表的排列装置的结构组成示意图;
图7是图6中的计算模块的结构组成示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明实施例中的分组元素的形状可以通过控件实现以不同形状展示的分组元素,本发明实施例主要通过分组元素的中心点的位置获得其它参数如弧形半径R等,与分组元素的形状并无实质性关系,因而分组元素的形状不局限于特定形状,可以是圆形、正方形、长方形或者其它不规则形状等。以下实施例以分组元素为圆形为主。
为了能够灵活、丰富地展现即时通讯工具中分组列表的界面,本发明实施例提出了一种即时通讯工具中分组列表的排列方法,如图1所示,该方法包括:
S101,在列表控件中竖直方向设置多个分组元素,并将多个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;
S102,根据直线距离及界面表现设定值设置与多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与分组元素的中心点的距离;
S103,根据弧形圆心的位置及第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;
S104,根据任一分组元素移动后的位置将多个分组元素排列成弧形。
在本发明方法实施例中,通过弧线形式对即时通讯工具中分组列表进行排列,可以提高分组列表的界面表现力,能够展现丰富的分组列表界面及更为丰富的信息,使用户对即时通讯工具中分组列表的排列操作更为简单,从而提高了即时通讯工具的易用性,满足了用户的个性化需求,提高了用户体验。
在具体实施中,在S101中,可以在列表控件中竖直方向设置N个分组元素,并将N个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离2L,其中N={2,L L,n},根据L=(N-1)*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的边界。
S101在具体实施过程中,如图2所示,方框代表ListBox,圆圈代表每一个分组元素,将N个分组元素在列表控件中竖直方向设置,并直线排列(每个圆心在同一竖直直线上),根据L=(N-1)*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-1)计算出相邻两个分组元素相对于弧形圆心所形成的第二夹角β;β为两个小圆圈圆心分别与弧形圆心连成直线后,两条直线所形成的夹角,这里的N为在ListBox设置的N个分组元素总和,比如在图4中,N=9。根据弧形圆心与分组元素的中心点的距离计算出第N个分组元素相对于第一个分组元素的横向偏移量X(N)及纵向偏移量Y(N),这里的N代表第N个分组元素,如第三个分组元素则N=3。其中,
X(N)=R*cosα-R*cos[α-(N-1)*β],
Y(N)=R*sinα-R*sin[α-(N-1)*β],
其中,α为第一夹角,β为第二夹角,R为弧形半径,N为第N个分组元素。
具体地,S1032包括:
根据任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;
根据任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。
具体实施中,根据第N个分组元素相对于第一个分组元素的横向偏移量X(N)获得第N个分组元素的横向移动距离X(N);根据第N个分组元素相对于第一个分组元素的纵向偏移量Y(N)及直线排列时第N个元素相对于第一个分组元素的纵向偏移量H(N)获得第N个分组元素的纵向移动距离Y(N)-H(N),其中,H(N)=(n-1)*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的大小发生变化(弧形半径会产生变化),或者滚动条发生滚动时则需要重新计算每个分组元素的偏移量;还可以在ScrollChanged事件(当检测到对滚动位置、范围或视区大小进行了更改时发生)激发时,重新计算每个分组元素的偏移量并重绘分组元素,可以实现分组元素沿弧形滚动的效果。
另外,为了增强界面的表现效果,当鼠标移动到分组元素上面时,分组元素还可以播放动画,以呼吸的节奏放大缩小,并高亮显示。在选中分组元素的时候,分组元素还可以播放动画,显示颜色高亮、放大、加粗字体和分组元素的边界线。
本发明实施例还提供了一种即时通讯工具中分组列表的排列装置,如图6所示,该排列装置包括:
元素设置模块60,用于在列表控件中竖直方向设置多个分组元素,并将多个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;
圆心设置模块61,用于根据元素设置模块60所获得的直线距离、及界面表现设定值设置与多个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与分组元素的距离;
移动模块62,用于根据圆心设置模块61所设置的弧形圆心的位置、及所获得的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;
排列模块63,用于根据移动模块62对任一分组元素进行移动所获得的移动后的位置将多个分组元素排列成弧形。
具体实施中,元素设置模块60在列表控件中竖直方向设置N个分组元素,并将N个分组元素直线排列,获得多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离2L,其中N={2,L L,n},根据L=(N-1)*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-1)计算出相邻两个分组元素相对于弧形圆心所形成的第二夹角β;其中,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-1)*β],
Y(N)=R*sinα-R*sin[α-(N-1)*β],
其中,α为第一夹角,β为第二夹角,R为弧形半径,N为第N个分组元素。
移动距离获得单元621包括;
横向移动距离获得子单元,用于根据任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;
纵向移动距离获得子单元,用于根据任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。
具体地,横向移动距离获得子单元根据第N个分组元素相对于第一个分组元素的横向偏移量X(N)获得第N个分组元素的横向移动距离X(N);纵向移动距离获得子单元根据第N个分组元素相对于第一个分组元素的纵向偏移量X(N)及直线排列时第N个元素相对于第一个分组元素的纵向偏移量H(N)获得第N个分组元素的纵向移动距离Y(N)-H(N),其中,H(N)=(n-1)*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、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
以上所述的实施方式,并不构成对该技术方案保护范围的限定。任何在上述实施方式的精神和原则之内所作的修改、等同替换和改进等,均应包含在该技术方案的保护范围之内。

Claims (10)

1.一种即时通讯工具中分组列表的排列方法,其特征在于,所述方法包括:
在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;
根据所述直线距离及界面表现设定值设置与所述第一个分组元素、最后一个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述第一个分组元素、最后一个分组元素的中心点的距离;
根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;
根据所述任一分组元素移动后的位置将所述多个分组元素排列成弧形;
所述根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置的步骤包括:
根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量;
根据所述任一分组元素相对于第一个分组元素的偏移量获得每个所述分组元素的移动距离;
根据所述每个分组元素的移动距离对每个分组元素进行移动并获得移动后的位置。
2.如权利要求1所述的即时通讯工具中分组列表的排列方法,其特征在于,所述根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量的步骤包括:
根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角;
根据所述第一夹角获得相邻两个所述分组元素相对于弧形圆心所形成的第二夹角;
根据弧形圆心与分组元素的中心点的距离及所述第一夹角及第二夹角获得任一分组元素相对于第一个分组元素的横向偏移量及纵向偏移量。
3.如权利要求2所述的即时通讯工具中分组列表的排列方法,其特征在于,所述根据所述任一分组元素相对于第一个分组元素的偏移量获得每个所述分组元素的移动距离的步骤包括:
根据所述任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;
根据所述任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。
4.如权利要求3所述的即时通讯工具中分组列表的排列方法,其特征在于,所述根据所述任一分组元素移动后的位置将所述多个分组元素排列成弧形的步骤包括:
根据任一分组元素的横向移动距离及纵向移动距离将多个分组元素排列成弧形。
5.如权利要求1所述的即时通讯工具中分组列表的排列方法,其特征在于,在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列时,将多个分组元素中任意相邻两个分组元素重叠设置,且相邻两个分组元素的中心点相隔距离相等。
6.一种即时通讯工具中分组列表的排列装置,其特征在于,所述排列装置包括:
元素设置模块,用于在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列,获得所述多个分组元素中的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离;
圆心设置模块,用于根据所述元素设置模块所获得的直线距离、及界面表现设定值设置与所述第一个分组元素、最后一个分组元素的中心点的距离分别相等的弧形圆心的位置,并获得该圆心与所述第一个分组元素、最后一个分组元素的中心点的距离;
移动模块,用于根据所述圆心设置模块所设置的弧形圆心的位置、及所获得的第一个分组元素的中心点与最后一个分组元素的中心点的直线距离对任一分组元素进行移动并获得移动后的位置;
排列模块,用于根据所述移动模块对任一分组元素进行移动所获得的移动后的位置将所述多个分组元素排列成弧形;
所述移动模块包括:
偏移量获得单元,用于根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得任一分组元素相对于第一个分组元素的偏移量;
移动距离获得单元,用于根据所述偏移量获得单元所获得的任一分组元素相对于第一个分组元素的偏移量获得每个所述分组元素的移动距离;
移动单元,用于根据所述移动距离获得单元所获得的每个所述分组元素的移动距离的对每个分组元素进行移动并获得移动后的位置。
7.如权利要求6所述的即时通讯工具中分组列表的排列装置,其特征在于,所述偏移量获得单元包括:
夹角获得子单元,用于根据所述弧形圆心的位置及所述第一个分组元素的中心点与最后一个分组元素的中心点的直线距离获得第一个分组元素的中心点相对于弧形圆心与弧形的水平轴所形成的第一夹角,并根据所述第一夹角获得相邻两个所述分组元素相对于弧形圆心所形成的第二夹角;
偏移量获得子单元,用于根据弧形圆心与分组元素的中心点的距离及所述夹角获得子单元所获得的第一夹角及第二夹角获得任一分组元素相对于第一个分组元素的横向偏移量及纵向偏移量。
8.如权利要求7所述的即时通讯工具中分组列表的排列装置,其特征在于,所述移动距离获得单元包括;
横向移动距离获得子单元,用于根据所述任一分组元素相对于第一个分组元素的横向偏移量获得每个分组元素的横向移动距离;
纵向移动距离获得子单元,用于根据所述任一分组元素相对于第一个分组元素的纵向偏移量及直线排列时任一分组元素相对于第一个分组元素的纵向偏移量获得每个分组元素的纵向移动距离。
9.如权利要求8所述的即时通讯工具中分组列表的排列装置,其特征在于,所述排列模块还用于根据任一分组元素的横向移动距离及纵向移动距离将多个分组元素排列成弧形。
10.如权利要求6所述的即时通讯工具中分组列表的排列装置,其特征在于,设置模块在列表控件中竖直方向设置多个分组元素,并将所述多个分组元素直线排列时,将多个分组元素中任意相邻两个分组元素重叠设置,且相邻两个分组元素的中心点相隔距离相等。
CN201010115188.6A 2010-02-22 2010-02-22 一种即时通讯工具中分组列表的排列方法及其装置 Active CN102163118B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201010115188.6A CN102163118B (zh) 2010-02-22 2010-02-22 一种即时通讯工具中分组列表的排列方法及其装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201010115188.6A CN102163118B (zh) 2010-02-22 2010-02-22 一种即时通讯工具中分组列表的排列方法及其装置

Publications (2)

Publication Number Publication Date
CN102163118A CN102163118A (zh) 2011-08-24
CN102163118B true CN102163118B (zh) 2014-12-10

Family

ID=44464375

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201010115188.6A Active CN102163118B (zh) 2010-02-22 2010-02-22 一种即时通讯工具中分组列表的排列方法及其装置

Country Status (1)

Country Link
CN (1) CN102163118B (zh)

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1555520A (zh) * 2001-09-06 2004-12-15 一种环形菜单导航设备和方法
CN101627349A (zh) * 2005-06-10 2010-01-13 T-移动美国有限公司 首选联系人组中心接口

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1860534A1 (en) * 2006-05-22 2007-11-28 LG Electronics Inc. Mobile terminal and menu display method thereof

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1555520A (zh) * 2001-09-06 2004-12-15 一种环形菜单导航设备和方法
CN101627349A (zh) * 2005-06-10 2010-01-13 T-移动美国有限公司 首选联系人组中心接口

Also Published As

Publication number Publication date
CN102163118A (zh) 2011-08-24

Similar Documents

Publication Publication Date Title
CN105939493B (zh) 一种视频弹幕的显示方法及显示装置
CN102270081B (zh) 一种调整列表元素大小的方法及装置
CN101692196B (zh) 一种窗口排列方法及系统
CN102509350B (zh) 一种基于立方体的体育运动赛事信息可视化方法
CN105373291B (zh) 一种界面切换方法及装置
CN105216322B (zh) 一种3d打印机的xy轴联动装置及联动方法
CN103530052B (zh) 一种界面内容的显示方法和用户设备
US20190272039A1 (en) Enhanced dynamic haptic effects
CN104834438A (zh) 桌面显示方法及装置
CN100580708C (zh) 一种生成群组动画的模糊控制方法
CN106547433A (zh) 书写笔迹确定方法及装置
CN108256175A (zh) 一种凸轮廓线的设计方法
CN101501615A (zh) 在显示器上显示大量对象的方法和系统
CN102163118B (zh) 一种即时通讯工具中分组列表的排列方法及其装置
CN101169871A (zh) 面向大规模静态场景实时渲染的hlod预处理方法
CN102298787A (zh) 动画对象运动的控制方法及系统
CN201693530U (zh) 对位平台
CN104281562B (zh) 一种电子文档的处理方法及装置
CN103095556A (zh) 一种基于即时通信的列表刷新方法和装置
CN102314700B (zh) 一种控制客户端用户显示模式的方法及系统
CN109598785A (zh) 一种三维网格模型视图转换方法
CN107368566A (zh) 一种图片查看方法、终端设备及存储介质
CN203287944U (zh) 一种动画制作装置及系统
CN102332173B (zh) 一种基于向量代数的简明软笔效果生成方法
CN103455474B (zh) 一种影像素材的编辑方法和系统

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant