CN106990886A - 一种图标的移动显示方法及移动终端 - Google Patents

一种图标的移动显示方法及移动终端 Download PDF

Info

Publication number
CN106990886A
CN106990886A CN201710212643.6A CN201710212643A CN106990886A CN 106990886 A CN106990886 A CN 106990886A CN 201710212643 A CN201710212643 A CN 201710212643A CN 106990886 A CN106990886 A CN 106990886A
Authority
CN
China
Prior art keywords
icon
displacement
translational speed
value
moving direction
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.)
Granted
Application number
CN201710212643.6A
Other languages
English (en)
Other versions
CN106990886B (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.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication 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 Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN201710212643.6A priority Critical patent/CN106990886B/zh
Publication of CN106990886A publication Critical patent/CN106990886A/zh
Application granted granted Critical
Publication of CN106990886B publication Critical patent/CN106990886B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning

Abstract

本发明实施例提供了一种图标的移动显示方法及移动终端,其中移动终端的菜单界面上设置有第一图标和被第一图标所覆盖的第二图标,且菜单界面上显示第一图标,移动显示方法包括:根据在菜单界面上输入的滑动轨迹,确定第一图标的第一移动方向、第一移动距离和第一移动速度,并确定第二图标的第二移动方向、第二移动距离和第二移动速度;根据第一移动方向、第一移动距离和第一移动速度移动第一图标,并根据第二移动方向、第二移动距离和第二移动速度移动第二图标。本发明实施例解决了现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。

Description

一种图标的移动显示方法及移动终端
技术领域
本发明涉及移动终端领域,尤其是涉及一种图标的移动显示方法及移动终端。
背景技术
随着移动终端上安装的应用程序越来越多且使用频率越来越高,人们对移动终端菜单界面上应用程序的图标的操作体验要求也越来越高。通常人们需要移动终端在保证操作系统的流畅性的同时,提高图标的操作感官体验。
但是,目前移动终端的菜单界面上主用列出具有基本功能的应用程序的图标供用户浏览与查找,且通常以简单的左移或右移的方式进行图标的移动显示,这使得图标的移动显示效果较为单调。此外,若移动终端的菜单界面在移动图标时想要呈现3D效果,则移动终端的菜单界面中的图标一定是3D图标才能够实现3D操作效果,但是由于3D图标库文件较大,想要呈现3D图标的翻转以及其他移动效果,则移动终端的操作系统运算量会较大,从而占用移动终端应用程序的运算资源,进而影响移动终端整个操作系统的运行速度,造成操作系统的卡顿现象。
综上所述,现有技术中存在着不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果。
发明内容
本发明实施例的目的是提供一种图标的移动显示方法及移动终端,以解决现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。
本发明实施例提供一种图标的移动显示方法,应用于移动终端,所述移动终端的菜单界面上设置有第一图标和被所述第一图标所覆盖的第二图标,且所述菜单界面上显示所述第一图标;所述图标的移动显示方法包括:
获取在所述菜单界面上输入的滑动轨迹;
根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度,其中所述第一移动方向和第二移动方向相同,所述第一移动距离大于第二移动距离,所述第一移动速度大于第二移动速度;
根据所述第一移动方向、第一移动距离和第一移动速度移动所述第一图标,并根据所述第二移动方向、第二移动距离和第二移动速度移动所述第二图标,其中在移动所述第一图标和第二图标时,所述第一图标与所述第二图标的重叠部分显示所述第一图标。
本发明实施例还提供了一种移动终端,所述移动终端的菜单界面上设置有第一图标和被所述第一图标所覆盖的第二图标,且所述菜单界面上显示所述第一图标;所述移动终端还包括:
获取模块,用于获取在所述菜单界面上输入的滑动轨迹;
第一确定模块,用于根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度,其中所述第一移动方向和第二移动方向相同,所述第一移动距离大于第二移动距离,所述第一移动速度大于第二移动速度;
移动模块,用于根据所述第一移动方向、第一移动距离和第一移动速度移动所述第一图标,并根据所述第二移动方向、第二移动距离和第二移动速度移动所述第二图标,其中在移动所述第一图标和第二图标时,所述第一图标与所述第二图标的重叠部分显示所述第一图标。
这样,本发明实施例通过在移动终端的菜单界面上设置第一图标和被第一图标所覆盖的第二图标,且菜单界面显示第一图标,并在第一图标和第二图标移动时,第一图标的第一移动方向和第二图标的第二移动方向相同,第一图标的第一移动距离大于第二图标的第二移动距离,第一图标的第一移动速度大于第二图标的第二移动速度,这样由于第一图标和第二图标的移动距离和移动速度均不相同,从而使得第一图标和第二图标在移动的过程中,第一图标和第二图标之间会出现不重叠部分,此时第一图标和第二图标的重叠部分显示第一图标,从而使得第一图标和第二图标的不重叠部分分别各自显示,从而呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标显示效果,丰富了图标的动态图标移动显示效果;此外由于第一图标和第二图标均为平面图标,菜单界面运行呈现简单,并未增加移动终端的操作系统的运算量,这使得移动终端能够在不增加移动终端操作系统的运算量的情况下,实现图标的由近到远且有背景的动态图标效果,解决了现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1表示本发明的实施例中图标的移动显示方法的步骤流程图;
图2表示本发明的实施例中步骤102的详细步骤流程图;
图3表示本发明的实施例中移动终端的结构框图之一;
图4表示本发明的实施例中移动终端的结构框图之二;
图5表示本发明的实施例中移动终端的结构框图之三;
图6表示本发明的实施例中移动终端的结构框图之四。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
在本发明实施例中,移动终端的菜单界面上设置有第一图标和被第一图标所覆盖的第二图标,且菜单界面上显示第一图标,这样在第一图标覆盖第二图标,且菜单界面上只显示第一图标时,会增加菜单界面上的整洁度。具体的,第一图标和第二图标为同一应用程序的应用图标,且第一图标的尺寸和第二图标的尺寸可以完全相同,即第一图标可以完全覆盖于第二图标上。此外,该第一图标和第二图标可以均为平面图标。另外,进一步地,可以预设第二图标的显示亮度以及颜色等显示参数,且第二图标的显示参数与第一图标的显示参数可以相同,也可以不同,在此并不具体限定第二图标的显示参数。
具体的,如图1所示,为本发明的实施例中图标的移动显示方法的步骤流程图,该移动显示方法包括:
步骤101,获取在菜单界面上输入的滑动轨迹;
在本步骤中,具体的,移动终端获取在菜单界面上输入的滑动轨迹。
步骤102,根据滑动轨迹,确定第一图标的第一移动方向、第一移动距离和第一移动速度,并确定第二图标的第二移动方向、第二移动距离和第二移动速度;
在本步骤中,具体的,移动终端在获取到在菜单界面上的滑动轨迹之后,可以根据该滑动轨迹,确定第一图标的第一移动方向、第一移动距离和第一移动速度,并确定第二图标的第二移动方向、第二移动距离和第二移动速度。
具体的,第一移动方向和第二移动方向相同,第一移动距离大于第二移动距离,且第一移动速度大于第二移动速度。这样在第一图标和第二图标移动时,第一图标和第二图标均朝向同一方向移动,且第一图标比第二图标移动迅速,第一图标比第二图标移动距离较远。
步骤103,根据第一移动方向、第一移动距离和第一移动速度移动第一图标,并根据第二移动方向、第二移动距离和第二移动速度移动第二图标。
在本步骤,具体的,在确定第一图标的第一移动方向、第一移动距离和第一移动速度,且确定第二图标的第二移动方向、第二移动距离和第二移动速度之后,可以根据第一移动方向、第一移动距离和第一移动速度移动第一图标,并根据第二移动方向、第二移动距离和第二移动速度移动第二图标。此时,在移动第一图标和第二图标时,第一图标与第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分分别各自显示。这样,由于在第一图标和第二图标移动时,第一图标和第二图标均朝向同一方向移动,且第一图标比第二图标移动迅速,第一图标比第二图标移动距离较远,从而可以使得第一图标与第二图标之间出现不重叠部分,又由于第一图标和第二图标的重叠部分显示第一图标,第一图标和第二图标的不重叠部分分别各自显示,从而使得第一图标在向前移动时,能够在第一图标的后方显示第二图标上与第一图标不相重叠的部分,从而呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标效果,丰富了图标的动态图标移动显示效果。
这样,本发明实施例在图标处于静止状态时,第一图标覆盖于第二图标上,菜单界面上显示第一图标,并在图标移动时,第一图标的第一移动方向和第二图标的第二移动方向相同,第一图标的第一移动距离大于第二图标的第二移动距离,且第一图标的第一移动速度大于第二图标的第二移动速度,从而使得第一图标和第二图标之间出现不重叠部分,且此时由于第一图标和第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分各自显示,从而使得第一图标和第二图标在移动的过程中,会呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标效果,丰富了图标的动态图标移动显示效果;此外由于第一图标和第二图标均为平面图标,菜单界面运行呈现简单,并未增加移动终端的操作系统的运算量,这使得移动终端能够在不增加移动终端操作系统的运算量的情况下,实现图标的由近到远且有背景的动态图标显示效果,解决了现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。
此外,进一步地,在步骤103中在根据第二移动方向、第二移动距离和第二移动速度移动第二图标之后,在第一图标和第二图标恢复至静止状态时,第一图标覆盖于第二图标上,菜单界面上显示第一图标。这样可以保证菜单界面在静止状态时的整洁度;此外,第一图标和第二图标处于静止状态时,第一图标覆盖于第二图标上,且菜单界面上显示第一图标,为第一图标和第二图标在移动时产生由近到远的且有第二图标作为背景的动态图标显示效果提供了基础。
此外,进一步地,如图2所示,在步骤102中根据滑动轨迹,确定第一图标的第一移动方向、第一移动距离和第一移动速度,并确定第二图标的第二移动方向、第二移动距离和第二移动速度时,可以按照如下步骤执行:
步骤201,获取滑动轨迹的轨迹坐标和滑动时间;
在本步骤中,具体的,在获取到在菜单界面上输入的滑动轨迹之后,可以获取滑动轨迹的轨迹坐标和滑动时间。具体的,移动终端屏幕上设置有屏幕坐标系,这样根据屏幕坐标系,可以获取到滑动轨迹的轨迹坐标。
步骤202,根据滑动轨迹的轨迹坐标,确定滑动轨迹的轨迹移动方向和轨迹移动距离;
在本步骤中,具体的,可以根据滑动轨迹的轨迹坐标,确定滑动轨迹的轨迹移动方向和轨迹移动距离。具体的,轨迹移动方向可以以角度显示,也可以以斜率表示。
步骤203,根据轨迹移动方向,按照预设偏移角度值确定第一图标的第一移动方向和第二图标的第二移动方向;
在本步骤中,具体的,在确定滑动轨迹的轨迹移动方向之后,可以根据轨迹移动方向,按照预设偏移角度值确定第一图标的第一移动方向和第二图标的第二移动方向。
具体的,由于第一移动方向和第二移动方向相同,因此可以直接按照预设偏移角度值确定第一移动方向和第二移动方向。此外,可选地,预设偏移角度值可以根据用户需求进行预先设置,例如,假设用户需求轨迹移动方向即为第一图标和第二图标的移动方向,则可以将预设偏移角度值设置为0,这样可以使得第一图标和第二图标的移动方向与滑动轨迹的轨迹移动方向相同。此外,预设偏移角度值可以为矢量值,即可以根据预设偏移角度值的正负来确定第一移动方向和第二移动方向的偏移方向。例如,当预设偏移角度值为30度时,可以逆时针方向偏移30度,当预设偏移角度值为-30度值时,可以顺时针方向偏移30度。
步骤204,根据轨迹移动距离,按照第一预设比例值确定第一图标的第一移动距离,并按照第二预设比例值确定第二图标的第二移动距离;
在本步骤中,具体的,可以根据确定的滑动轨迹的轨迹移动距离,按照第一预设比例值确定第一图标的第一移动距离,并按照第二预设比例值确定第二图标的第二移动距离。此时,由于第一移动距离大于第二移动距离,因此在第一移动距离小于轨迹移动距离的情况下,第一预设比例值大于第二预设比例值。
例如,假设轨迹移动距离为10mm,则可以预先设置第一预设比例值为0.9,预先设置第二预设比例值为0.8,则可以根据第一预设比例值得到第一移动距离为9mm,根据第二预设比例值得到第二移动距离为8mm。
步骤205,根据滑动时间和第一移动距离,确定第一图标的第一移动速度,并根据滑动时间和第二移动距离,确定第二图标的第二移动速度。
在本步骤中,具体的,在步骤201中获取到滑动轨迹的滑动时间之后,可以根据滑动时间和第一移动距离,确定第一图标的第一移动速度,此时可以将第一移动距离与滑动时间的比值,确定为第一图标的第一移动速度。此外,在根据滑动时间和第二移动距离,确定第二图标的第二移动速度时,也可以以第二移动距离与滑动时间的比值,确定为第二图标的第二移动速度。这样,由于第一移动距离大于第二移动距离,且移动时间均为滑动时间,因此得到的第一移动速度大于第二移动速度,从而可以使得第一图标和第二图标在移动的过程中,第一图标和第二图标之间会出现不重叠部分,进而可以呈现出第二图标远离第一图标的显示效果。
此外,具体的,还可以根据滑动时间,按照第三预设比例值确定第一图标的第一移动时间,并且根据第一移动距离和第一移动时间的比值,确定第一移动速度。此外,根据滑动时间,按照第四预设比例值确定第二图标的第二移动时间,并且根据第二移动距离和第二移动时间的比值,确定第二移动速度。但是第一移动时间和第二移动时间的设置,需要保证第一移动速度大于第二移动速度,这样才可以使得图标移动时第一图标和第二图标之间出现不重叠部分,且由于第一图标和第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分分别各自显示,进而呈现出第二图标远离第一图标的显示效果。
这样,根据上述步骤,确定第一图标的第一移动方向、第一移动距离和第一移动速度,并确定第二图标的第二移动方向、第二移动距离和第二移动速度之后,且第一图标与第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分分别各自显示时,在第一图标和第二图标的移动过程中,使得第一图标在向前移动时,能够在第一图标的后方显示第二图标上与第一图标不相重叠的部分,从而呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标效果,丰富了图标的动态图标移动显示效果。
另外,进一步地,在步骤205中根据滑动时间和第一移动距离,确定第一图标的第一移动速度之后,还可以根据第一图标的移动距离和第一图标的亮度变化比例值之间的第一对应关系,确定第一图标移动第一移动距离之后的第一亮度值,其中在第一对应关系中,第一图标的移动距离和第一图标的亮度变化比例值呈正相关关系;然后按照第一移动速度,将第一图标的第一当前亮度值变化至第一亮度值,其中第一亮度值小于第一当前亮度值。此外,在根据滑动时间和第二移动距离,确定第二图标的第二移动速度之后,还可以根据第二图标的移动距离和第二图标的亮度变化比例值之间的第三对应关系,确定第二图标移动第二移动距离之后的第二亮度值,其中在第三对应关系中,第二图标的移动距离与第二图标的亮度变化比例值呈正相关关系;然后按照第二移动速度,将第二图标的第二当前亮度值变化至第二亮度值,其中第二亮度值小于第二当前亮度值。
在本实施例中,由于第一对应关系中第一图标的移动距离和第一图标的亮度变化比例值呈正相关关系,即当第一图标的第一移动距离越大时,第一图标的亮度变化比例值越大,此时根据亮度变化比例值变化后得到的第一亮度值越小,即第一图标越暗。这样在确定第一图标移动第一移动距离之后的第一亮度值,且按照第一移动速度,将第一图标的第一当前亮度值变化至第一亮度值时,可以使得在第一图标以第一移动速度移动时,呈现出第一图标由亮变暗的显示效果,进一步地增加了第一图标由近至远移动时的显示效果。
当然,第三对应关系中第二图标的移动距离和第二图标的亮度变化比例值也呈正相关关系,即当第二图标的第二移动距离越大时,第二图标的亮度变化比例值也越大,此时根据亮度变化比例值变化后得到的第二亮度值越小,即第二图标越暗。这样在确定第二图标移动第二移动距离之后的第二亮度值,且按照第二移动速度,将第二图标的第二当前亮度值变化至第二亮度值时,可以使得在第二图标以第二移动速度移动,且第一图标和第二图标的不重叠部分显示第二图标时,呈现出第二图标由亮变暗的显示效果,进一步地增加了第一图标由近至远移动时,以第二图标作为背景的动态图标显示效果。
另外,进一步地,在步骤205中根据滑动时间和第一移动距离,确定第一图标的第一移动速度之后,还可以根据第一图标的移动距离和第一图标的缩小比例值之间的第二对应关系,确定第一图标移动第一移动距离之后的第一尺寸值,其中在第二对应关系中,第一图标的移动距离和第一图标的缩小比例值呈正相关关系;然后按照第一移动速度,将第一图标缩小至第一尺寸值。此外,在根据滑动时间和第二移动距离,确定第二图标的第二移动速度之后,还可以根据第二图标的移动距离和第二图标的缩小比例值之间的第四对应关系,确定第二图标移动第二移动距离之后的第二尺寸值,其中在第四对应关系中,第二图标的移动距离和第二图标的缩小比例值呈正相关关系;然后按照第二移动速度,将第二图标缩小至第二尺寸值。
在本实施例中,由于第二对应关系中第一图标的移动距离和第一图标的缩小比例值呈正相关关系,即当第一图标的第一移动距离越大时,第一图标的缩小比例值越大,此时根据缩小比例值变化后得到的第一尺寸值越小,即第一图标越小。这样在确定第一图标移动第一移动距离之后的第一尺寸值,且按照第一移动速度,将第一图标缩小至第一尺寸值时,可以使得在第一图标以第一移动速度移动时,呈现出第一图标由大到小的显示效果,进一步地增加了第一图标由近至远移动时的视觉显示效果。
当然,第四对应关系中第二图标的移动距离和第二图标的缩小比例值也呈正相关关系,即当第二图标的第二移动距离越大时,第二图标的缩小比例值也越大,此时根据缩小比例值变化后得到的第二尺寸值越小,即第二图标越小。这样在确定第二图标移动第二移动距离之后的第二尺寸值,且按照第二移动速度,将第二图标缩小至第二尺寸值时,可以使得在第二图标以第二移动速度移动,且第一图标和第二图标的不重叠部分显示第二图标时,呈现出第二图标由大变小的显示效果,进一步地增加了第一图标由近至远移动时,以第二图标作为背景的动态图标显示效果。
下面列举示例来对上述整个实施例进行说明。
假设,滑动轨迹的轨迹移动方向为零度方向,轨迹移动距离为10mm,按照预设偏移角度值30度确定第一图标的第一移动方向和第二图标的第二移动方向,且以0.9的第一预设比例值确定第一图标的第一移动距离,以0.8的第二预设比例值确定第二图标的第二移动距离,此时第一图标向30度方向逐渐移动9mm,第二图标向30度方向逐渐移动8mm,此时由于第一图标和第二图标重叠部分显示第一图标,第一图标和第二图标不重叠部分分别各自显示,因此会呈现出第二图标远离第一图标,第一图标由近到远且以第二图标为背景的动态图标显示效果。
此外,同时第一图标和第二图标同比例缩小,从100%尺寸缩小至原有尺寸的80%,且第一图标和第二图标的显示亮度也均变为原有亮度值的80%,从而进一步地增强显示图标由近逐渐被拉到远的动态显示效果。
再假设,滑动轨迹的轨迹移动方向为30度方向,轨迹移动距离为10mm,按照预设偏移角度值30度确定第一图标的第一移动方向和第二图标的第二移动方向,且以0.7的第一预设比例值确定第一图标的第一移动距离,以0.6的第二预设比例值确定第二图标的第二移动距离,此时第一图标向60度方向逐渐移动7mm,第二图标向60度方向逐渐移动6mm,此时由于第一图标和第二图标重叠部分显示第一图标,第一图标和第二图标不重叠部分分别各自显示,因此会呈现出第二图标远离第一图标,第一图标由近到远且以第二图标为背景的动态图标显示效果。
此外,同时第一图标和第二图标同比例缩小,从100%尺寸缩小至原有尺寸的60%,且第一图标和第二图标的显示亮度也均变为原有亮度值的60%,从而进一步地增强显示图标由近逐渐被拉到远的动态显示效果。
再假设,滑动轨迹的轨迹移动方向为180度方向,轨迹移动距离为10mm,按照预设偏移角度值-30度确定第一图标的第一移动方向和第二图标的第二移动方向,且以0.9的第一预设比例值确定第一图标的第一移动距离,以0.8的第二预设比例值确定第二图标的第二移动距离,此时第一图标向150度方向逐渐移动9mm,第二图标向150度方向逐渐移动8mm,此时由于第一图标和第二图标重叠部分显示第一图标,第一图标和第二图标不重叠部分分别各自显示,因此会呈现出第二图标远离第一图标,第一图标由近到远且以第二图标为背景的动态图标显示效果。
此外,同时第一图标和第二图标同比例缩小,从100%尺寸缩小至原有尺寸的60%,且第一图标和第二图标的显示亮度也均变为原有亮度值的60%,从而进一步地增强显示图标由近逐渐被拉到远的动态显示效果。
这样,本发明实施例在第一图标和第二图标移动时,通过控制第一图标的第一移动方向、第一移动距离和第一移动速度以及控制第二图标的第二移动方向、第二移动距离和第二移动速度,使得第一图标和第二图标的移动方向相同,第一图标的第一移动距离大于第二图标的第二移动距离,第一图标的第一移动速度大于第二图标的第二移动速度,且控制第一图标和第二图标在移动过程的亮度值和尺寸值,使得第一图标和第二图标在移动的过程中,亮度值和尺寸值随着移动距离的变大而亮度变暗以及尺寸变小,并在图标的移动过程中,第一图标和第二图标的重叠部分显示第一图标,第一图标和第二图标的不重叠部分分别各自显示,从而使得能够呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标显示效果,丰富了图标的动态图标移动显示效果;此外由于第一图标和第二图标均为平面图标,菜单界面运行呈现简单,并未增加移动终端的操作系统的运算量,这使得移动终端能够在不增加移动终端操作系统的运算量的情况下,实现图标的由近到远且有背景的动态图标效果,解决了现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。
另一方面,如图3所示,为本发明实施例中移动终端的结构框图之一,该移动终端的菜单界面上设置有第一图标和被所述第一图标所覆盖的第二图标,且所述菜单界面上显示所述第一图标;所述移动终端还包括:
获取模块301,用于获取在所述菜单界面上输入的滑动轨迹;
第一确定模块302,用于根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度,其中所述第一移动方向和第二移动方向相同,所述第一移动距离大于第二移动距离,所述第一移动速度大于第二移动速度;
移动模块303,用于根据所述第一移动方向、第一移动距离和第一移动速度移动所述第一图标,并根据所述第二移动方向、第二移动距离和第二移动速度移动所述第二图标,其中在移动所述第一图标和第二图标时,所述第一图标与所述第二图标的重叠部分显示所述第一图标。
这样,本实施例通过获取模块获取菜单界面上输入的滑动轨迹,并通过第一确定模块根据滑动轨迹,确定第一图标的第一移动方向、第一移动距离和第一移动速度,并确定第二图标的第二移动方向、第二移动距离和第二移动速度,其中第一移动方向和第二移动方向相同,第一移动距离大于第二移动距离,第一移动速度大于第二移动速度,最后通过移动模块根据第一移动方向、第一移动距离和第一移动速度移动第一图标,并根据第二移动方向、第二移动距离和第二移动速度移动第二图标,其中在移动第一图标和第二图标时,第一图标与第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分分别各自显示,从而使得第一图标和第二图标在移动的过程中,会呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标显示效果,丰富了图标的动态图标移动显示效果;此外由于第一图标和第二图标均为平面图标,菜单界面运行呈现简单,并未增加移动终端的操作系统的运算量,这使得移动终端能够在不增加移动终端操作系统的运算量的情况下,实现图标的由近到远且有背景的动态图标效果,解决了现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。
参见图4,进一步地,第一确定模块302包括:获取单元3021,用于获取所述滑动轨迹的轨迹坐标和滑动时间;第一确定单元3022,用于根据所述滑动轨迹的轨迹坐标,确定所述滑动轨迹的轨迹移动方向和轨迹移动距离;第二确定单元3023,用于根据所述轨迹移动方向,按照预设偏移角度值确定所述第一图标的第一移动方向和第二图标的第二移动方向;第三确定单元3024,用于根据所述轨迹移动距离,按照第一预设比例值确定所述第一图标的第一移动距离,并按照第二预设比例值确定所述第二图标的第二移动距离;第四确定单元3025,用于根据所述滑动时间和所述第一移动距离,确定所述第一图标的第一移动速度,并根据所述滑动时间和所述第二移动距离,确定所述第二图标的第二移动速度。
进一步地,所述移动终端还包括:第二确定模块304,用于根据所述第一图标的移动距离和第一图标的亮度变化比例值之间的第一对应关系,确定所述第一图标移动所述第一移动距离之后的第一亮度值,其中在所述第一对应关系中,所述第一图标的移动距离和第一图标的亮度变化比例值呈正相关关系;第一亮度变化模块305,用于按照所述第一移动速度,将所述第一图标的第一当前亮度值变化至所述第一亮度值,其中所述第一亮度值小于所述第一当前亮度值。
进一步地,所述移动终端还包括:第三确定模块306,用于根据所述第一图标的移动距离和第一图标的缩小比例值之间的第二对应关系,确定所述第一图标移动所述第一移动距离之后的第一尺寸值,其中在所述第二对应关系中,所述第一图标的移动距离和第一图标的缩小比例值呈正相关关系;第一缩小模块307,用于按照所述第一移动速度,将所述第一图标缩小至所述第一尺寸值。
进一步地,所述移动终端还包括:第四确定模块308,用于根据所述第二图标的移动距离和第二图标的亮度变化比例值之间的第三对应关系,确定所述第二图标移动所述第二移动距离之后的第二亮度值,其中在所述第三对应关系中,第二图标的移动距离与第二图标的亮度变化比例值呈正相关关系;第二亮度变化模块309,用于按照所述第二移动速度,将所述第二图标的第二当前亮度值变化至所述第二亮度值,其中所述第二亮度值小于所述第二当前亮度值。
进一步地,所述移动终端还包括:第五确定模块310,用于根据所述第二图标的移动距离和第二图标的缩小比例值之间的第四对应关系,确定所述第二图标移动所述第二移动距离之后的第二尺寸值,其中在所述第四对应关系中,所述第二图标的移动距离和第二图标的缩小比例值呈正相关关系;第二缩小模块311,用于按照所述第二移动速度,将所述第二图标缩小至所述第二尺寸值。
这样,本实施例中的移动终端在第一图标和第二图标移动时,通过控制第一图标的第一移动方向、第一移动距离和第一移动速度以及控制第二图标的第二移动方向、第二移动距离和第二移动速度,使得第一图标和第二图标的移动方向相同,第一图标的第一移动距离大于第二图标的第二移动距离,第一图标的第一移动速度大于第二图标的第二移动速度,且控制第一图标和第二图标在移动过程的亮度值和尺寸值,使得第一图标和第二图标在移动的过程中,亮度值和尺寸值随着移动距离的变大而亮度变暗以及尺寸变小,并在图标的移动过程中,第一图标和第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分分别各自显示,从而使得能够呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标显示效果,丰富了图标的动态图标移动显示效果;此外由于第一图标和第二图标均为平面图标,菜单界面运行呈现简单,并未增加移动终端的操作系统的运算量,这使得移动终端能够在不增加移动终端操作系统的运算量的情况下,实现图标的由近到远且有背景的动态图标效果。
另一方面,如图5所示,为本发明的实施例中移动终端的结构框图之三。图5所示的移动终端500包括:至少一个处理器501、存储器502、至少一个网络接口504、用户接口503。移动终端500中的各个组件通过总线系统505耦合在一起。可理解,总线系统505用于实现这些组件之间的连接通信。总线系统505除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图5中将各种总线都标为总线系统505。
其中,用户接口503可以包括显示器、键盘或者点击设备(例如,鼠标,轨迹球(trackball)、触感板或者触摸屏等。移动终端的屏幕上的菜单界面上设置有第一图标和被所述第一图标所覆盖的第二图标,且所述菜单界面上显示所述第一图标。
可以理解,本发明实施例中的存储器502可以是易失性存储器或非易失性存储器,或可包括易失性和非易失性存储器两者。其中,非易失性存储器可以是只读存储器(Read-Only Memory,ROM)、可编程只读存储器(Programmable ROM,PROM)、可擦除可编程只读存储器(Erasable PROM,EPROM)、电可擦除可编程只读存储器(Electrically EPROM,EEPROM)或闪存。易失性存储器可以是随机存取存储器(Random Access Memory,RAM),其用作外部高速缓存。通过示例性但不是限制性说明,许多形式的RAM可用,例如静态随机存取存储器(Static RAM,SRAM)、动态随机存取存储器(Dynamic RAM,DRAM)、同步动态随机存取存储器(Synchronous DRAM,SDRAM)、双倍数据速率同步动态随机存取存储器(Double Data RateSDRAM,DDRSDRAM)、增强型同步动态随机存取存储器(Enhanced SDRAM,ESDRAM)、同步连接动态随机存取存储器(Synchlink DRAM,SLDRAM)和直接内存总线随机存取存储器(DirectRambus RAM,DRRAM)。本发明实施例描述的系统和方法的存储器502旨在包括但不限于这些和任意其它适合类型的存储器。
在一些实施方式中,存储器502存储了如下的元素,可执行模块或者数据结构,或者他们的子集,或者他们的扩展集:操作系统5021和应用程序5022。具体的,存储器502中存储有设置模块及配置文件。
其中,操作系统5021,包含各种系统程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务。应用程序5022,包含各种应用程序,例如媒体播放器(Media Player)、浏览器(Browser)等,用于实现各种应用业务。实现本发明实施例方法的程序可以包含在应用程序5022中。
在本发明实施例中,通过调用存储器502存储的程序或指令,具体的,可以是应用程序5022中存储的程序或指令。其中,处理器501用于:获取在所述菜单界面上输入的滑动轨迹;根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度,其中所述第一移动方向和第二移动方向相同,所述第一移动距离大于第二移动距离,所述第一移动速度大于第二移动速度;根据所述第一移动方向、第一移动距离和第一移动速度移动所述第一图标,并根据所述第二移动方向、第二移动距离和第二移动速度移动所述第二图标,其中在移动所述第一图标和第二图标时,所述第一图标与所述第二图标的重叠部分显示所述第一图标。
上述本发明实施例揭示的方法可以应用于处理器501中,或者由处理器501实现。处理器501可能是一种集成电路芯片,具有信号的处理能力。在实现过程中,上述方法的各步骤可以通过处理器501中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器501可以是通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(FieldProgrammable Gate Array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本发明实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成,或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器,闪存、只读存储器,可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器502,处理器501读取存储器502中的信息,结合其硬件完成上述方法的步骤。此外,存储器502内存储有上述方法中用到的对应关系等。
可以理解的是,本发明实施例描述的这些实施例可以用硬件、软件、固件、中间件、微码或其组合来实现。对于硬件实现,处理单元可以实现在一个或多个专用集成电路(Application Specific Integrated Circuit,ASIC)、数字信号处理器(Digital SignalProcessor,DSP)、数字信号处理设备(DSP Device,DSPD)、可编程逻辑设备(ProgrammableLogic Device,PLD)、现场可编程门阵列(Field Programmable Gate Array,FPGA)、通用处理器、控制器、微控制器、微处理器、用于执行本申请功能的其它电子单元或其组合中。
对于软件实现,可通过执行本发明实施例功能的模块(例如过程、函数等)来实现本发明实施例的技术。软件代码可存储在存储器中并通过处理器执行。存储器可以在处理器中或在处理器外部实现。
可选地,作为另一个实施例,处理器501还用于:获取所述滑动轨迹的轨迹坐标和滑动时间;根据所述滑动轨迹的轨迹坐标,确定所述滑动轨迹的轨迹移动方向和轨迹移动距离;根据所述轨迹移动方向,按照预设偏移角度值确定所述第一图标的第一移动方向和第二图标的第二移动方向;根据所述轨迹移动距离,按照第一预设比例值确定所述第一图标的第一移动距离,并按照第二预设比例值确定所述第二图标的第二移动距离;根据所述滑动时间和所述第一移动距离,确定所述第一图标的第一移动速度,并根据所述滑动时间和所述第二移动距离,确定所述第二图标的第二移动速度。
可选地,作为另一个实施例,所述处理器501还用于:根据所述第一图标的移动距离和第一图标的亮度变化比例值之间的第一对应关系,确定所述第一图标移动所述第一移动距离之后的第一亮度值,其中在所述第一对应关系中,所述第一图标的移动距离和第一图标的亮度变化比例值呈正相关关系;按照所述第一移动速度,将所述第一图标的第一当前亮度值变化至所述第一亮度值,其中所述第一亮度值小于所述第一当前亮度值。
可选地,作为另一个实施例,所述处理器501还用于:根据所述第一图标的移动距离和第一图标的缩小比例值之间的第二对应关系,确定所述第一图标移动所述第一移动距离之后的第一尺寸值,其中在所述第二对应关系中,所述第一图标的移动距离和第一图标的缩小比例值呈正相关关系;按照所述第一移动速度,将所述第一图标缩小至所述第一尺寸值。
可选地,作为另一个实施例,所述处理器501还用于:根据所述第二图标的移动距离和第二图标的亮度变化比例值之间的第三对应关系,确定所述第二图标移动所述第二移动距离之后的第二亮度值,其中在所述第三对应关系中,第二图标的移动距离与第二图标的亮度变化比例值呈正相关关系;按照所述第二移动速度,将所述第二图标的第二当前亮度值变化至所述第二亮度值,其中所述第二亮度值小于所述第二当前亮度值。
可选地,作为另一个实施例,所述处理器501还用于:根据所述第二图标的移动距离和第二图标的缩小比例值之间的第四对应关系,确定所述第二图标移动所述第二移动距离之后的第二尺寸值,其中在所述第四对应关系中,所述第二图标的移动距离和第二图标的缩小比例值呈正相关关系;按照所述第二移动速度,将所述第二图标缩小至所述第二尺寸值。
移动终端500能够实现前述实施例中移动终端实现的各个过程,为避免重复,这里不再赘述。
本发明的上述实施例中提供的移动终端,在第一图标和第二图标移动时,通过控制第一图标的第一移动方向、第一移动距离和第一移动速度以及控制第二图标的第二移动方向、第二移动距离和第二移动速度,使得第一图标和第二图标的移动方向相同,第一图标的第一移动距离大于第二图标的第二移动距离,第一图标的第一移动速度大于第二图标的第二移动速度,且控制第一图标和第二图标在移动过程的亮度值和尺寸值,使得第一图标和第二图标在移动的过程中,亮度值和尺寸值随着移动距离的变大而亮度变暗以及尺寸变小,并在图标的移动过程中,第一图标和第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分分别各自显示,从而使得能够呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标显示效果,丰富了图标的动态图标移动显示效果;此外由于第一图标和第二图标均为平面图标,菜单界面运行呈现简单,并未增加移动终端的操作系统的运算量,这使得移动终端能够在不增加移动终端操作系统的运算量的情况下,实现图标的由近到远且有背景的动态图标效果,解决了现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。
另一方面,如图6所示,为本发明的实施例中移动终端的结构框图之四。具体地,图6中的移动终端600可以为手机、平板电脑、个人数字助理(Personal Digital Assistant,PDA)、或车载电脑等。
图6中的移动终端600包括射频(Radio Frequency,RF)电路610、存储器620、输入单元630、显示单元640、处理器660、音频电路670、WiFi(Wireless Fidelity)模块680和电源690。
其中,输入单元630可用于接收用户输入的数字或字符信息,以及产生与移动终端600的用户设置以及功能控制有关的信号输入。具体地,本发明实施例中,该输入单元630可以包括触控面板631。触控面板631,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板631上的操作),并根据预先设定的程式驱动相应的连接装置。可选的,触控面板631可包括触摸检测装置和触摸控制器两个部分。其中,移动终端的触摸屏上的菜单界面上设置有第一图标和被所述第一图标所覆盖的第二图标,且所述菜单界面上显示所述第一图标。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给该处理器660,并能接收处理器660发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板631。除了触控面板631,输入单元630还可以包括其他输入设备632,其他输入设备632可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。
其中,显示单元640可用于显示由用户输入的信息或提供给用户的信息以及移动终端600的各种菜单界面。显示单元640可包括显示面板641,可选的,可以采用LCD或有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板641。
应注意,触控面板631可以覆盖显示面板641,形成触摸显示屏,当该触摸显示屏检测到在其上或附近的触摸操作后,传送给处理器660以确定触摸事件的类型,随后处理器660根据触摸事件的类型在触摸显示屏上提供相应的视觉输出。
触摸显示屏包括应用程序界面显示区及常用控件显示区。该应用程序界面显示区及该常用控件显示区的排列方式并不限定,可以为上下排列、左右排列等可以区分两个显示区的排列方式。该应用程序界面显示区可以用于显示应用程序的界面。每一个界面可以包含至少一个应用程序的图标和/或widget桌面控件等界面元素。该应用程序界面显示区也可以为不包含任何内容的空界面。该常用控件显示区用于显示使用率较高的控件,例如,设置按钮、界面编号、滚动条、电话本图标等应用程序图标等。
其中,处理器660是移动终端600的控制中心,利用各种接口和线路连接整个手机的各个部分,通过运行或执行存储在第一存储器621内的软件程序和/或模块,以及调用存储在第二存储器622内的数据,执行移动终端600的各种功能和处理数据,从而对移动终端600进行整体监控。可选的,处理器660可包括一个或多个处理单元。
在本发明实施例中,通过调用存储该第一存储器621内的软件程序和/或模块和/或该第二存储器622内的数据,其中,第一存储器621中包括有设置模块及配置文件。处理器660用于:获取在所述菜单界面上输入的滑动轨迹;根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度,其中所述第一移动方向和第二移动方向相同,所述第一移动距离大于第二移动距离,所述第一移动速度大于第二移动速度;根据所述第一移动方向、第一移动距离和第一移动速度移动所述第一图标,并根据所述第二移动方向、第二移动距离和第二移动速度移动所述第二图标,其中在移动所述第一图标和第二图标时,所述第一图标与所述第二图标的重叠部分显示所述第一图标。
可选地,作为另一个实施例,处理器660还用于:获取所述滑动轨迹的轨迹坐标和滑动时间;根据所述滑动轨迹的轨迹坐标,确定所述滑动轨迹的轨迹移动方向和轨迹移动距离;根据所述轨迹移动方向,按照预设偏移角度值确定所述第一图标的第一移动方向和第二图标的第二移动方向;根据所述轨迹移动距离,按照第一预设比例值确定所述第一图标的第一移动距离,并按照第二预设比例值确定所述第二图标的第二移动距离;根据所述滑动时间和所述第一移动距离,确定所述第一图标的第一移动速度,并根据所述滑动时间和所述第二移动距离,确定所述第二图标的第二移动速度。
可选地,作为另一个实施例,所述处理器660还用于:根据所述第一图标的移动距离和第一图标的亮度变化比例值之间的第一对应关系,确定所述第一图标移动所述第一移动距离之后的第一亮度值,其中在所述第一对应关系中,所述第一图标的移动距离和第一图标的亮度变化比例值呈正相关关系;按照所述第一移动速度,将所述第一图标的第一当前亮度值变化至所述第一亮度值,其中所述第一亮度值小于所述第一当前亮度值。
可选地,作为另一个实施例,所述处理器660还用于:根据所述第一图标的移动距离和第一图标的缩小比例值之间的第二对应关系,确定所述第一图标移动所述第一移动距离之后的第一尺寸值,其中在所述第二对应关系中,所述第一图标的移动距离和第一图标的缩小比例值呈正相关关系;按照所述第一移动速度,将所述第一图标缩小至所述第一尺寸值。
可选地,作为另一个实施例,所述处理器660还用于:根据所述第二图标的移动距离和第二图标的亮度变化比例值之间的第三对应关系,确定所述第二图标移动所述第二移动距离之后的第二亮度值,其中在所述第三对应关系中,第二图标的移动距离与第二图标的亮度变化比例值呈正相关关系;按照所述第二移动速度,将所述第二图标的第二当前亮度值变化至所述第二亮度值,其中所述第二亮度值小于所述第二当前亮度值。
可选地,作为另一个实施例,所述处理器660还用于:根据所述第二图标的移动距离和第二图标的缩小比例值之间的第四对应关系,确定所述第二图标移动所述第二移动距离之后的第二尺寸值,其中在所述第四对应关系中,所述第二图标的移动距离和第二图标的缩小比例值呈正相关关系;按照所述第二移动速度,将所述第二图标缩小至所述第二尺寸值。
本发明的上述实施例中提供的移动终端,在第一图标和第二图标移动时,通过控制第一图标的第一移动方向、第一移动距离和第一移动速度以及控制第二图标的第二移动方向、第二移动距离和第二移动速度,使得第一图标和第二图标的移动方向相同,第一图标的第一移动距离大于第二图标的第二移动距离,第一图标的第一移动速度大于第二图标的第二移动速度,且控制第一图标和第二图标在移动过程的亮度值和尺寸值,使得第一图标和第二图标在移动的过程中,亮度值和尺寸值随着移动距离的变大而亮度变暗以及尺寸变小,并在图标的移动过程中,第一图标和第二图标的重叠部分显示第一图标,即第一图标和第二图标的不重叠部分分别各自显示,从而使得能够呈现出第二图标远离第一图标的显示效果,进而呈现出第一图标由近到远且有第二图标作为背景的动态图标显示效果,丰富了图标的动态图标移动显示效果;此外由于第一图标和第二图标均为平面图标,菜单界面运行呈现简单,并未增加移动终端的操作系统的运算量,这使得移动终端能够在不增加移动终端操作系统的运算量的情况下,实现图标的由近到远且有背景的动态图标效果,解决了现有技术中存在的不能够在保证移动终端操作系统流畅性的同时,实现移动终端菜单界面上图标的较为丰富的动态图标移动显示效果的问题。
移动终端600能够实现前述实施例中移动终端实现的各个过程,为避免重复,这里不再赘述。
本领域普通技术人员可以意识到,结合本发明实施例中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本发明的范围。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在本申请所提供的实施例中,应该理解到,所揭露的装置和方法,可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本发明实施例方案的目的。
另外,在本发明各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本发明各个实施例方法的全部或部分步骤。而前述的存储介质包括:U盘、移动硬盘、ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。

Claims (12)

1.一种图标的移动显示方法,应用于移动终端,其特征在于,所述移动终端的菜单界面上设置有第一图标和被所述第一图标所覆盖的第二图标,且所述菜单界面上显示所述第一图标;所述图标的移动显示方法包括:
获取在所述菜单界面上输入的滑动轨迹;
根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度,其中所述第一移动方向和第二移动方向相同,所述第一移动距离大于第二移动距离,所述第一移动速度大于第二移动速度;
根据所述第一移动方向、第一移动距离和第一移动速度移动所述第一图标,并根据所述第二移动方向、第二移动距离和第二移动速度移动所述第二图标;其中在移动所述第一图标和第二图标时,所述第一图标与所述第二图标的重叠部分显示所述第一图标。
2.根据权利要求1所述的图标的移动显示方法,其特征在于,所述根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度的步骤,包括:
获取所述滑动轨迹的轨迹坐标和滑动时间;
根据所述滑动轨迹的轨迹坐标,确定所述滑动轨迹的轨迹移动方向和轨迹移动距离;
根据所述轨迹移动方向,按照预设偏移角度值确定所述第一图标的第一移动方向和第二图标的第二移动方向;
根据所述轨迹移动距离,按照第一预设比例值确定所述第一图标的第一移动距离,并按照第二预设比例值确定所述第二图标的第二移动距离;
根据所述滑动时间和所述第一移动距离,确定所述第一图标的第一移动速度,并根据所述滑动时间和所述第二移动距离,确定所述第二图标的第二移动速度。
3.根据权利要求2所述的图标的移动显示方法,其特征在于,所述根据所述滑动时间和所述第一移动距离,确定所述第一图标的第一移动速度的步骤之后,还包括:
根据所述第一图标的移动距离和第一图标的亮度变化比例值之间的第一对应关系,确定所述第一图标移动所述第一移动距离之后的第一亮度值,其中在所述第一对应关系中,所述第一图标的移动距离和第一图标的亮度变化比例值呈正相关关系;
按照所述第一移动速度,将所述第一图标的第一当前亮度值变化至所述第一亮度值,其中所述第一亮度值小于所述第一当前亮度值。
4.根据权利要求2所述的图标的移动显示方法,其特征在于,所述根据所述滑动时间和所述第一移动距离,确定所述第一图标的第一移动速度的步骤之后,还包括:
根据所述第一图标的移动距离和第一图标的缩小比例值之间的第二对应关系,确定所述第一图标移动所述第一移动距离之后的第一尺寸值,其中在所述第二对应关系中,所述第一图标的移动距离和第一图标的缩小比例值呈正相关关系;
按照所述第一移动速度,将所述第一图标缩小至所述第一尺寸值。
5.根据权利要求2所述的图标的移动显示方法,其特征在于,所述根据所述滑动时间和所述第二移动距离,确定所述第二图标的第二移动速度的步骤之后,还包括:
根据所述第二图标的移动距离和第二图标的亮度变化比例值之间的第三对应关系,确定所述第二图标移动所述第二移动距离之后的第二亮度值,其中在所述第三对应关系中,第二图标的移动距离与第二图标的亮度变化比例值呈正相关关系;
按照所述第二移动速度,将所述第二图标的第二当前亮度值变化至所述第二亮度值,其中所述第二亮度值小于所述第二当前亮度值。
6.根据权利要求2所述的图标的移动显示方法,其特征在于,所述根据所述滑动时间和所述第二移动距离,确定所述第二图标的第二移动速度的步骤之后,还包括:
根据所述第二图标的移动距离和第二图标的缩小比例值之间的第四对应关系,确定所述第二图标移动所述第二移动距离之后的第二尺寸值,其中在所述第四对应关系中,所述第二图标的移动距离和第二图标的缩小比例值呈正相关关系;
按照所述第二移动速度,将所述第二图标缩小至所述第二尺寸值。
7.一种移动终端,其特征在于,所述移动终端的菜单界面上设置有第一图标和被所述第一图标所覆盖的第二图标,且所述菜单界面上显示所述第一图标;所述移动终端还包括:
获取模块,用于获取在所述菜单界面上输入的滑动轨迹;
第一确定模块,用于根据所述滑动轨迹,确定所述第一图标的第一移动方向、第一移动距离和第一移动速度,并确定所述第二图标的第二移动方向、第二移动距离和第二移动速度,其中所述第一移动方向和第二移动方向相同,所述第一移动距离大于第二移动距离,所述第一移动速度大于第二移动速度;
移动模块,用于根据所述第一移动方向、第一移动距离和第一移动速度移动所述第一图标,并根据所述第二移动方向、第二移动距离和第二移动速度移动所述第二图标,其中在移动所述第一图标和第二图标时,所述第一图标与所述第二图标的重叠部分显示所述第一图标。
8.根据权利要求7所述的移动终端,其特征在于,所述第一确定模块包括:
获取单元,用于获取所述滑动轨迹的轨迹坐标和滑动时间;
第一确定单元,用于根据所述滑动轨迹的轨迹坐标,确定所述滑动轨迹的轨迹移动方向和轨迹移动距离;
第二确定单元,用于根据所述轨迹移动方向,按照预设偏移角度值确定所述第一图标的第一移动方向和第二图标的第二移动方向;
第三确定单元,用于根据所述轨迹移动距离,按照第一预设比例值确定所述第一图标的第一移动距离,并按照第二预设比例值确定所述第二图标的第二移动距离;
第四确定单元,用于根据所述滑动时间和所述第一移动距离,确定所述第一图标的第一移动速度,并根据所述滑动时间和所述第二移动距离,确定所述第二图标的第二移动速度。
9.根据权利要求8所述的移动终端,其特征在于,所述移动终端还包括:
第二确定模块,用于根据所述第一图标的移动距离和第一图标的亮度变化比例值之间的第一对应关系,确定所述第一图标移动所述第一移动距离之后的第一亮度值,其中在所述第一对应关系中,所述第一图标的移动距离和第一图标的亮度变化比例值呈正相关关系;
第一亮度变化模块,用于按照所述第一移动速度,将所述第一图标的第一当前亮度值变化至所述第一亮度值,其中所述第一亮度值小于所述第一当前亮度值。
10.根据权利要求8所述的移动终端,其特征在于,所述移动终端还包括:
第三确定模块,用于根据所述第一图标的移动距离和第一图标的缩小比例值之间的第二对应关系,确定所述第一图标移动所述第一移动距离之后的第一尺寸值,其中在所述第二对应关系中,所述第一图标的移动距离和第一图标的缩小比例值呈正相关关系;
第一缩小模块,用于按照所述第一移动速度,将所述第一图标缩小至所述第一尺寸值。
11.根据权利要求8所述的移动终端,其特征在于,所述移动终端还包括:
第四确定模块,用于根据所述第二图标的移动距离和第二图标的亮度变化比例值之间的第三对应关系,确定所述第二图标移动所述第二移动距离之后的第二亮度值,其中在所述第三对应关系中,第二图标的移动距离与第二图标的亮度变化比例值呈正相关关系;
第二亮度变化模块,用于按照所述第二移动速度,将所述第二图标的第二当前亮度值变化至所述第二亮度值,其中所述第二亮度值小于所述第二当前亮度值。
12.根据权利要求8所述的移动终端,其特征在于,所述移动终端还包括:
第五确定模块,用于根据所述第二图标的移动距离和第二图标的缩小比例值之间的第四对应关系,确定所述第二图标移动所述第二移动距离之后的第二尺寸值,其中在所述第四对应关系中,所述第二图标的移动距离和第二图标的缩小比例值呈正相关关系;
第二缩小模块,用于按照所述第二移动速度,将所述第二图标缩小至所述第二尺寸值。
CN201710212643.6A 2017-04-01 2017-04-01 一种图标的移动显示方法及移动终端 Active CN106990886B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710212643.6A CN106990886B (zh) 2017-04-01 2017-04-01 一种图标的移动显示方法及移动终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710212643.6A CN106990886B (zh) 2017-04-01 2017-04-01 一种图标的移动显示方法及移动终端

Publications (2)

Publication Number Publication Date
CN106990886A true CN106990886A (zh) 2017-07-28
CN106990886B CN106990886B (zh) 2018-09-04

Family

ID=59415248

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710212643.6A Active CN106990886B (zh) 2017-04-01 2017-04-01 一种图标的移动显示方法及移动终端

Country Status (1)

Country Link
CN (1) CN106990886B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114610217A (zh) * 2022-03-24 2022-06-10 闪耀现实(无锡)科技有限公司 用于显示视图的方法、装置和头戴显示设备

Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1402337A1 (en) * 2001-07-05 2004-03-31 International Business Machines Corporation Directing users' attention to specific icons being approached by an on-screen pointer on user interactive display interfaces
US20100100849A1 (en) * 2008-10-22 2010-04-22 Dr Systems, Inc. User interface systems and methods
CN101990026A (zh) * 2009-08-06 2011-03-23 龙旗科技(上海)有限公司 一种移动终端支持3d视觉效果的显示方式
CN105511723A (zh) * 2015-12-04 2016-04-20 魅族科技(中国)有限公司 一种图标移动方法及移动终端
CN106020590A (zh) * 2016-05-09 2016-10-12 腾讯科技(深圳)有限公司 视图显示方法及装置
CN106126040A (zh) * 2016-06-30 2016-11-16 北京奇虎科技有限公司 一种图标的批量处理方法、装置和移动终端
CN106126077A (zh) * 2016-06-15 2016-11-16 维沃移动通信有限公司 一种应用程序图标的显示控制方法和移动终端
CN106325722A (zh) * 2015-06-19 2017-01-11 深圳创锐思科技有限公司 基于触摸终端的3d用户界面交互方法及触摸终端
CN106354373A (zh) * 2016-09-28 2017-01-25 维沃移动通信有限公司 一种图标移动方法及移动终端
CN106527849A (zh) * 2016-10-31 2017-03-22 维沃移动通信有限公司 一种调整图标位置的方法及移动终端

Patent Citations (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1402337A1 (en) * 2001-07-05 2004-03-31 International Business Machines Corporation Directing users' attention to specific icons being approached by an on-screen pointer on user interactive display interfaces
US20100100849A1 (en) * 2008-10-22 2010-04-22 Dr Systems, Inc. User interface systems and methods
CN101990026A (zh) * 2009-08-06 2011-03-23 龙旗科技(上海)有限公司 一种移动终端支持3d视觉效果的显示方式
CN106325722A (zh) * 2015-06-19 2017-01-11 深圳创锐思科技有限公司 基于触摸终端的3d用户界面交互方法及触摸终端
CN105511723A (zh) * 2015-12-04 2016-04-20 魅族科技(中国)有限公司 一种图标移动方法及移动终端
CN106020590A (zh) * 2016-05-09 2016-10-12 腾讯科技(深圳)有限公司 视图显示方法及装置
CN106126077A (zh) * 2016-06-15 2016-11-16 维沃移动通信有限公司 一种应用程序图标的显示控制方法和移动终端
CN106126040A (zh) * 2016-06-30 2016-11-16 北京奇虎科技有限公司 一种图标的批量处理方法、装置和移动终端
CN106354373A (zh) * 2016-09-28 2017-01-25 维沃移动通信有限公司 一种图标移动方法及移动终端
CN106527849A (zh) * 2016-10-31 2017-03-22 维沃移动通信有限公司 一种调整图标位置的方法及移动终端

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114610217A (zh) * 2022-03-24 2022-06-10 闪耀现实(无锡)科技有限公司 用于显示视图的方法、装置和头戴显示设备

Also Published As

Publication number Publication date
CN106990886B (zh) 2018-09-04

Similar Documents

Publication Publication Date Title
CN106406656B (zh) 一种应用程序工具栏的控制方法及移动终端
CN106843739A (zh) 一种移动终端的显示控制方法及移动终端
CN106250754B (zh) 一种应用程序的控制方法及移动终端
CN107329656A (zh) 一种应用图标的位置调整方法及移动终端
CN107194235B (zh) 一种应用程序启动方法及移动终端
CN107193482A (zh) 一种移动终端屏幕的操作方法及移动终端
CN107506109A (zh) 一种启动应用程序的方法及移动终端
CN103324420B (zh) 一种多点触控板输入操作识别方法及电子设备
CN106681603A (zh) 一种调节视频播放进度的方法及移动终端
CN107203307A (zh) 一种图标管理方法及移动终端
CN106445235A (zh) 一种触摸起始位置识别方法及移动终端
CN106527906A (zh) 一种截图方法及移动终端
CN106959864A (zh) 一种界面显示效果的调节方法及移动终端
CN106250026A (zh) 一种移动终端的应用程序的启动方法及移动终端
CN106648329A (zh) 一种应用图标的显示方法及移动终端
CN106095185A (zh) 一种单手操作方法及移动终端
CN106874046A (zh) 一种应用程序的操作方法及移动终端
CN106775378A (zh) 一种确定输入法候选词的方法及移动终端
CN107479822A (zh) 一种信息输入方法和终端
CN106371719A (zh) 一种屏幕旋转控制方法和移动终端
CN106231113A (zh) 一种拨号方法及移动终端
CN107295218A (zh) 一种图片处理方法及移动终端
CN107368249A (zh) 一种触控操作识别方法、装置及移动终端
CN106022065A (zh) 一种移动终端及其控制方法
CN106502872B (zh) 一种应用程序状态信息的显示方法及终端

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right

Effective date of registration: 20171109

Address after: 283 No. 523860 Guangdong province Dongguan city Changan town usha BBK Avenue

Applicant after: VIVO MOBILE COMMUNICATION CO., LTD.

Applicant after: Wewo Mobile Communication Co. Ltd. Beijing branch

Address before: 283 No. 523860 Guangdong province Dongguan city Changan town usha BBK Avenue

Applicant before: VIVO MOBILE COMMUNICATION CO., LTD.

TA01 Transfer of patent application right
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20200526

Address after: 283 No. 523860 Guangdong province Dongguan city Changan town usha BBK Avenue

Patentee after: VIVO MOBILE COMMUNICATION Co.,Ltd.

Address before: 283 No. 523860 Guangdong province Dongguan city Changan town usha BBK Avenue

Co-patentee before: Wewo Mobile Communication Co. Ltd. Beijing branch

Patentee before: VIVO MOBILE COMMUNICATION Co.,Ltd.

TR01 Transfer of patent right