CN107329649A - 动画显示方法、终端及计算机可读存储介质 - Google Patents
动画显示方法、终端及计算机可读存储介质 Download PDFInfo
- Publication number
- CN107329649A CN107329649A CN201710446645.1A CN201710446645A CN107329649A CN 107329649 A CN107329649 A CN 107329649A CN 201710446645 A CN201710446645 A CN 201710446645A CN 107329649 A CN107329649 A CN 107329649A
- Authority
- CN
- China
- Prior art keywords
- entry
- focus
- mobile
- animation
- frame
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction 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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种动画显示方法、终端及计算机可读存储介质,所述动画显示方法包括以下步骤:在终端界面上显示呈行列排布的多个条目,以及框选一个条目的一个焦点框,所述焦点框对应的条目为焦点条目;当终端界面接受到焦点移动指令时,根据预设规则选定焦点的移动方案;当所述移动方案为,移动整体条目从而将目标条目移动至所述焦点框位置时,根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数,并且根据各个条目的移动参数生成整体条目的移动动画。从而使得多条目具有动画形式丰富的效果。
Description
技术领域
本发明涉及智能终端技术领域,尤其涉及一种动画显示方法、终端及计算机可读存储介质。
背景技术
随着移动互联网和智能终端的发展,用户对终端显示界面的动画显示提出了更智能的需求。当前市面上流行的两大系统Android和IOS,对动画接口的提供也很有限,如Android系统只提供三种动画效果:view动画、帧动画以及属性动画。对于多个属性统一的焦点,目前只能做成同一个动画效果,整齐运行,动画形式过于简单,不能根据焦点位置做成形式多样的动画效果,不能满足用户需求。
发明内容
本发明的主要目的在于提供一种动画显示方法、设备及计算机可读存储介质,旨在解决现有技术中动画形式简单的问题。
为实现上述目的,本发明提供的一种动画显示方法,其特征在于,所述终端界面条目的动画显示方法包括以下步骤:
在终端界面上显示呈行列排布的多个条目,以及框选一个条目的一个焦点框,所述焦点框对应的条目为焦点条目;
当终端界面接受到焦点移动指令时,根据预设规则选定焦点的移动方案;
当所述移动方案为,移动整体条目从而将目标条目移动至所述焦点框位置时,根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数,并且根据各个条目的移动参数生成整体条目的移动动画。
可选的,在所述当终端界面接受到焦点移动指令时,根据预设规则选定焦点的移动方案的步骤之后,还包括:
当所述移动方案为,移动焦点框至目标条目位置时,将所述目标条目进行强调,并且将失去所述焦点框的条目恢复常态。
可选的,所述预设规则包括:
获得所述焦点移动指令中关于焦点的移动方向;
当在所述移动方向上具有未进入所述界面内的条目,并且所述焦点框位于预设滚动位置时,选择所述移动整体条目从而将目标条目移动至所述焦点框位置的方案;否则选择所述移动焦点框至目标条目位置的方案。
可选的,所述在终端界面上显示呈行列排布的多个条目的步骤包括:
在终端界面上划分用于供条目对齐的网格,所述网格包括适合界面第一方向长度的列数,以及超出界面第二方向长度的行数;
多个条目对齐所述网格排列以及显示。
可选的,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤包括:
获得整体条目需要移动的距离S;
获得各个条目与所述焦点框的绝对距离;
根据各自条目的所述绝对距离,呈正相关的生成各个条目的移动延迟时间,用以在各个条目的延迟时间结束时开始移动,直至移动达到距离S。
可选的,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤包括:
获得整体条目的需要移动的距离S;
获得每一行条目与所述焦点框的在沿着所述列的方向上的列向距离;
根据每一行条目的所述列向距离,呈正相关的生成每一行条目的移动延迟时间,用以在每一行条目的延迟时间结束时开始移动,直至移动达到距离S。
可选的,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤包括:
获得整体条目的需要移动的距离S;
获得每一列条目与所述焦点框的在沿着所述行的方向上的行向距离;
根据每一列条目的所述行向距离,呈正相关的生成每一列条目的移动延迟时间,用以在每一列条目的延迟时间结束时开始移动,直至移动达到距离S。
可选的,预设所述网格中一行的最后一个位置,与下一行的第一个位置为连续;所述终端界面条目的动画显示方法还包括步骤:
当所述焦点框位于一行的边缘位置,所述焦点移动指令即将使所述焦点框移动出所述边缘位置,并且在相邻行上存在连续的位置时,移动所述焦点框至相邻行的连续位置。
本发明还提供了一种动画显示设备,所述终端界面条目的动画显示设备包括:存储器、处理器、通信总线以及存储在所述存储器上的终端界面条目的动画显示程序:
所述通信总线用于实现处理器和存储器之间的连接通信;
所述处理器用于执行所述终端界面条目的动画显示程序,以实现如上述的终端界面条目的动画显示方法的步骤。
本发明还提供了一种计算机可读存储介质,所述计算机可读存储介质上存储有终端界面条目的动画显示程序,所述终端界面条目的动画显示程序被处理器执行时实现如上述的终端界面条目的动画显示方法的步骤。
本发明提供的动画显示方法、终端以及计算机可读存储介质,通过设置计算各个条目的移动参数,在根据各个条目的移动参数生成整体条目的移动动画,从而可以使得整体条目的移动动画丰富多样。具体的,通过修改预设算法来达到定制多种动画效果,并且保证在界面之外的条目可以不做动画,减少内存消耗,节约手机资源,并且给用户更好的用户体验。
附图说明
图1为实现本发明各个实施例一个可选的移动终端的硬件结构示意图;
图2为本发明动画显示方法一实施例的流程示意图;
图3为图2所示动画显示方法的第一响应过程示意图;
图4为图2所示动画显示方法的第二响应过程示意图;
图5为图2所示动画显示方法的第三响应过程示意图;
图6为图2所示预设规则的流程示意图;
图7为图2所示获得各个条目的移动参数的步骤的第一流程示意图;
图8为图2所示获得各个条目的移动参数的步骤的第二流程示意图;
图9为图2所示获得各个条目的移动参数的步骤的第三流程示意图;
图10为本发明动画显示终端一实施例的模块示意图;
图11为本发明计算机可读存储介质一实施例的模块示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明,其本身没有特定的意义。因此,“模块”、“部件”或“单元”可以混合地使用。
本发明中描述的终端可以包括诸如手机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant,PDA)、便捷式媒体播放器(Portable MediaPlayer,PMP)、导航装置、可穿戴设备、智能手环、计步器等移动终端,以及诸如数字TV、台式计算机等固定终端。
后续描述中将以移动终端为例进行说明,本领域技术人员将理解的是,除了特别用于移动目的的元件之外,根据本发明的实施方式的构造也能够应用于固定类型的终端。
请参阅图1,其为实现本发明各个实施例的一种移动终端的硬件结构示意图,该移动终端100可以包括:RF(Radio Frequency,射频)单元101、WiFi模块102、音频输出单元103、A/V(音频/视频)输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解,图1中示出的移动终端结构并不构成对移动终端的限定,移动终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图1对移动终端的各个部件进行具体的介绍:
射频单元101可用于收发信息或通话过程中,信号的接收和发送,具体的,将基站的下行信息接收后,给处理器110处理;另外,将上行的数据发送给基站。通常,射频单元101包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外,射频单元101还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA2000(CodeDivision Multiple Access 2000,码分多址2000)、WCDMA(Wideband Code DivisionMultiple Access,宽带码分多址)、TD-SCDMA(Time Division-Synchronous CodeDivision Multiple Access,时分同步码分多址)、FDD-LTE(Frequency DivisionDuplexing-Long Term Evolution,频分双工长期演进)和TDD-LTE(Time DivisionDuplexing-Long Term Evolution,分时双工长期演进)等。
WiFi属于短距离无线传输技术,移动终端通过WiFi模块102可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图1示出了WiFi模块102,但是可以理解的是,其并不属于移动终端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
音频输出单元103可以在移动终端100处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时,将射频单元101或WiFi模块102接收的或者在存储器109中存储的音频数据转换成音频信号并且输出为声音。而且,音频输出单元103还可以提供与移动终端100执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出单元103可以包括扬声器、蜂鸣器等等。
A/V输入单元104用于接收音频或视频信号。A/V输入单元104可以包括图形处理器(Graphics Processing Unit,GPU)1041和麦克风1042,图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元106上。经图形处理器1041处理后的图像帧可以存储在存储器109(或其它存储介质)中或者经由射频单元101或WiFi模块102进行发送。麦克风1042可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风1042接收声音(音频数据),并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由射频单元101发送到移动通信基站的格式输出。麦克风1042可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。
移动终端100还包括至少一种传感器105,比如光传感器、运动传感器以及其他传感器。具体地,光传感器包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1061的亮度,接近传感器可在移动终端100移动到耳边时,关闭显示面板1061和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于手机还可配置的指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
显示单元106用于显示由用户输入的信息或提供给用户的信息。显示单元106可包括显示面板1061,可以采用液晶显示器(Liquid Crystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板1061。
用户输入单元107可用于接收输入的数字或字符信息,以及产生与移动终端的用户设置以及功能控制有关的键信号输入。具体地,用户输入单元107可包括触控面板1071以及其他输入设备1072。触控面板1071,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1071上或在触控面板1071附近的操作),并根据预先设定的程式驱动相应的连接装置。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器110,并能接收处理器110发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1071。除了触控面板1071,用户输入单元107还可以包括其他输入设备1072。具体地,其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种,具体此处不做限定。
进一步的,触控面板1071可覆盖显示面板1061,当触控面板1071检测到在其上或附近的触摸操作后,传送给处理器110以确定触摸事件的类型,随后处理器110根据触摸事件的类型在显示面板1061上提供相应的视觉输出。虽然在图1中,触控面板1071与显示面板1061是作为两个独立的部件来实现移动终端的输入和输出功能,但是在某些实施例中,可以将触控面板1071与显示面板1061集成而实现移动终端的输入和输出功能,具体此处不做限定。
接口单元108用作至少一个外部装置与移动终端100连接可以通过的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元108可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到移动终端100内的一个或多个元件或者可以用于在移动终端100和外部装置之间传输数据。
存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器109可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器110是移动终端的控制中心,利用各种接口和线路连接整个移动终端的各个部分,通过运行或执行存储在存储器109内的软件程序和/或模块,以及调用存储在存储器109内的数据,执行移动终端的各种功能和处理数据,从而对移动终端进行整体监控。处理器110可包括一个或多个处理单元;可选的,处理器110可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器110中。
移动终端100还可以包括给各个部件供电的电源111(比如电池),可选的,电源111可以通过电源管理系统与处理器110逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
尽管图1未示出,移动终端100还可以包括蓝牙模块等,在此不再赘述。
为了便于理解本发明实施例,下面对本发明的移动终端所基于的通信网络系统进行描述。
基于上述移动终端硬件结构,提出本发明终端界面条目的动画显示方法各实施例。
参照图2,本发明提供一种动画显示方法,在终端界面条目的动画显示方法第一实施例中,该终端界面条目的动画显示方法包括:
步骤S301,在终端界面上显示呈行列排布的多个条目Item,以及框选一个条目的一个焦点框,所述焦点框对应的条目为焦点条目;
本发明的技术方案主要应用于终端界面条目的动画显示,其中终端可以为智能手机、平板电脑等移动终端,也可以是智能电视、台式电脑等固定终端等等。这些终端的操纵界面也有所不同,比如有触摸屏、轨迹球,传统的手机键盘等,当用户在应用程序界面中的不同条目(即条目)之间移动时,各个条目会相应的获得焦点和失去焦点,条目获得焦点成为焦点条目,焦点条目失去焦点就恢复成为条目,在通常的操作中,焦点会在条目之间传递。条目为在终端的显示设备上显示的项目,如智能手机上安装的应用软件在桌面上显示的快捷方式、智能电视上显示的电视剧名称等。刚进入界面时,可以把焦点定在第一行第一列的条目上。用户可根据需要对终端进行操作,使得界面的焦点进行相应的移动。
步骤S302,当终端界面接受到焦点移动指令时,根据预设规则选定焦点的移动方案。
其中,若仅仅存在一种焦点移动方案,则该唯一的焦点移动方案即为预设规则必然选定的方案。若存在多个方案,则根据预设的条件来选定移动方案。例如,可以根据焦点框的移动距离,当前焦点框位置或者用户选定的焦点移动指令为“条目滚动翻页”或“焦点框移动”等等条件来进行判定采用何种移动方案。
其中,例如在接收到焦点移动指令之前,第一条目为焦点条目,之后第二条目为焦点条目,则在进行此移动触控操作时,焦点条目从第一条目变为第二条目,相应的焦点框从第一条目平移至第二条目。可理解地,终端的显示界面具有一定的显示面积,上面设置有很多条目,而显示界面的焦点可以根据用户的焦点移动指令而在这些条目上移动,而获得焦点的条目称为焦点条目。用户需要对焦点进行移动时,只能在显示界面的某个位置进行操作,因而当终端显示界面接收到此焦点移动的操作指令时,可根据操作指令确定对应的下一个焦点条目。
通常情况下,可以通过移动焦点框的方式来展示焦点条目的切换;还可以通过固定焦点框,而通过移动条目至焦点框位置来展示焦点条目的切换。
步骤S303,当所述移动方案为,移动整体条目从而将目标条目移动至所述焦点框位置时,根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数,并且根据各个条目的移动参数生成整体条目的移动动画。
移动参数通常可以通过时间位置关系表来表示,例如,通过计算获知第一时间点时,第一条目应当处于第一位置;第二时间点时,第一条目应当处于第二位置……。同理可以计算第二条目在第一时间点的位置以及第二时间点的位置;当计算完毕所有条目在每一时间点的位置,则可以连续显示为整体条目的移动动画。在该动画中,条目将整体移动,并且每一条目具有自己的移动特征。例如,请参看图3和图5,这两幅图中,都属于整体条目移动的方案,并且采用了不同的算法,从而达到了不同的条目整体移动动画。
具体的,可以设计不同的插值器计算每一条目的运动参数。各个条目与所述焦点框的位置关系,可以包括绝对距离,行方向的距离,列方向的距离等等。可以通过上述的不同距离,以及不同的插值器搭配,从而获得不一样的条目整体移动动画。例如,最简单的,整体一起移动的动画。其他的例如:以焦点框为起点,距离越远的条目移动越慢或者越迟;以焦点框为起点,距离越远的一圈条目移动越慢或者越迟;以焦点框所在行为起点,距离越远的一行条目移动越慢或者越迟;以焦点框所在列为起点,距离越远的一列条目移动越慢或者越迟等等效果。
由上可知,本实施例提供的终端界面条目的动画显示方法,通过设置计算各个条目的移动参数,在根据各个条目的移动参数生成整体条目的移动动画,从而可以使得整体条目的移动动画丰富多样。具体的,通过修改预设算法来达到定制多种动画效果,并且保证在界面之外的条目可以不做动画,减少内存消耗,节约手机资源,并且给用户更好的用户体验。
进一步的,本实施例还定义了动画帧率F和动画时长t,动画帧率和动画的显示速度相关,如在动画时长内,动画刷新显示的次数,当动画时长一定时,刷新显示的次数越多则说明动画的显示速度越快。当确定移动距离S后,启动一个线程,循环F次刷新动画,每次时长为t/F,最终完成条目的整体移动动画。对于具体的第x次刷新,依次遍历可见区域类的所有条目(也包括经过刷新后位于可见区域内的条目),计算所有条目本次动画后的位置。如计算条目m在本次动画后的位置,其中计算方式可采用插值器计算,具体公式为:mx=S*x/F;采用此公式,使得条目的移动动画一致。插值器的计算公式还可以为:mx=S(x-A)/F;A是一个延迟常数,使用该插值器,会使得第m个条目产生延迟,然后再进行移动动画,则与焦点条目所在条目列相隔的距离越远,开始动的时间越迟。此外,可以设定当mx>S时,则mx=S,以防止条目m移动的位置大于设定的移动距离。当然,在其他实施例中,也可以允许mx>S的情况,从而可以产生回弹的视觉效果。
进一步的,本实施例的终端界面条目的动画显示方法,还包括:
步骤S304,当所述移动方案为,移动焦点框至目标条目位置时,将所述目标条目进行强调,并且将失去所述焦点框的条目恢复常态
本方案当焦点移动指令对应的移动方案为移动焦点框时,则控制当前焦点条目以及与目标条目生成缩放动画的动画效果,以体现条目间的切换操作。请参看图4,例如两个相邻的条目为E2图标和D2图标,焦点条目为E2图标,从而当焦点移动指令的移动方向为向上时,则控制E2图标和D2图标做缩放动画来实现强调的效果。所述缩放动画的效果可以根据焦点框的大小来调整,例如将焦点条目D2图标的大小放大至填满焦点框,而失去焦点的条目E2从填满焦点框的状态恢复至常态,以体现焦点条目在E2图标和D2图标间进行切换。需要说明的是,缩放仅仅是强化的一种具体实施例,并不限定,在其他实施例中,还可以采用增加其他颜色,例如调整为深色背景,或者采用动态的边框等等方案。并且,还应当了解的是,当焦点框选中的条目都可以采用进行强调的方案,而并不限定为仅仅采用移动焦点框至目标条目位置时采用。
请参看图6,进一步的,所述预设规则包括:
步骤S701,获得所述焦点移动指令中关于焦点的移动方向。
步骤S702,当在所述移动方向上具有未进入所述界面内的条目,并且所述焦点框位于预设滚动位置时,选择所述移动整体条目从而将目标条目移动至所述焦点框位置的方案;否则选择所述移动焦点框至目标条目位置的方案。
其中,请结合参看图3,在图3中,所述移动方向为向下,在该方向上,还包括未进入所述界面内的条目。并且在图3所示实施例中,预设滚动位置为中间一行,因此所述焦点框满足位于预设滚动位置;因此,在图3所示的移动方案为移动整体条目从而将目标条目移动至所述焦点框位置。此时,由于焦点框始终处于屏幕中央,则具有便于用户观察的效果。
请结合参看图4,在图4中,所述移动方向为向上,在该方向上,还包括未进入所述界面内的条目。在图4所示实施例中,预设滚动位置为中间一行,但是,所述焦点框并未位于预设滚动位置;因此,在图4所示的移动方案为移动焦点框至目标条目位置。此时,由于焦点框朝向屏幕中央移动,因此焦点框所处位置将更加显眼,达到便于用户观察的效果。
本实施例,通过设置预设滚动位置,则能够使得当条目滚动翻页时,焦点框位于较为理想的位置,例如本实施例中的屏幕中央位置,相对于现有的,通常需要焦点框移动到底行时翻页的方案,本实施例所提供的方案具有明显的焦点框的位置更显著,更易于观察的效果。
进一步的,本实施例中,在终端界面上划分用于供条目对齐的网格,所述网格包括适合界面第一方向长度的列数,以及超出界面第二方向长度的行数;多个条目对齐所述网格排列以及显示。
其中,在图3、图4和图5当中,第一方向为宽度方向,第二方向为长度方向。其中,由于当前终端的屏幕通常占据了终端的绝大部分,因此屏幕上界面的宽度方向短于长度方向,从而终端整体基本为矩形,则使得终端的形状更易于用户单手手持。并且,通过设置在行的方向上不能滚动翻页,而仅仅设置在列的方向上能够滚动翻页,从而能够使得用户仅仅通过一个方向上的滚动翻页操作,即可浏览所有条目。
进一步的,请参看图7,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤的第一种方案,其包括:
步骤S801,获得整体条目需要移动的距离S。
本实施例中,由于事先预设有网格,并且仅仅能够在列的方向上进行滚动翻页,因此距离S应当为两行之间的行间距。该数值为定值。
步骤S802,获得各个条目与所述焦点框的绝对距离。
绝对距离为直线最短距离。
步骤S803,根据各自条目的所述绝对距离,呈正相关的生成各个条目的移动延迟时间,用以在各个条目的延迟时间结束时开始移动,直至移动达到距离S。
其中,正相关可以是正向线性相关,也可以是其他的正相关。例如,距离越远,延迟时间的提升越快;或者距离越远,延迟时间的提升越慢;或者距离增加的过程中,延迟时间提升的速度时快时慢,等等。
通过本实施例的方案,能够使得条目整体移动动画产生类似水波纹的效果。
进一步的,请参看图8,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤的第二种方案,其包括:
步骤S901,获得整体条目的需要移动的距离S。
步骤S902,获得每一行条目与所述焦点框的在沿着所述列的方向上的列向距离。
每一行条目中的每一个条目在沿着所述列的方向上的列向距离都是相同的,则后续计算所获结果,应当为每一行条目都同时移动。
步骤S903,根据每一行条目的所述列向距离,呈正相关的生成每一行条目的移动延迟时间,用以在每一行条目的延迟时间结束时开始移动,直至移动达到距离S。
请结合参看图5,通过本实施例的方案,能够使得条目整体移动动画产生类似弹簧牵引而产生的跳弹效果。
进一步的,请参看图9,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤的第三种方案,其包括:
步骤S1001,获得整体条目的需要移动的距离S。
步骤S1002,获得每一列条目与所述焦点框的在沿着所述行的方向上的行向距离。
每一列条目中的每一个条目在沿着所述行的方向上的列向距离都是相同的,则后续计算所获结果,应当为每一列条目都同时移动。
步骤S1003,根据每一列条目的所述行向距离,呈正相关的生成每一列条目的移动延迟时间,用以在每一列条目的延迟时间结束时开始移动,直至移动达到距离S。
请结合参看图3,通过本实施例的方案,能够使得条目整体移动动画产生类似翅膀扇动的跳弹效果。
进一步的,预设所述网格中一行的最后一个位置,与下一行的第一个位置为连续;本实施例的终端界面条目的动画显示方法,还包括:
步骤S305,当所述焦点框位于一行的边缘位置,所述焦点移动指令即将使所述焦点框移动出所述边缘位置,并且在相邻行上存在连续的位置时,移动所述焦点框至相邻行的连续位置。
请结合参看图5,焦点框位于D1的位置,此时焦点移动指令的移动方向为向左,而沿着该方向移动,则将超出该行的边缘位置。而D1所在行的上方存在C3所在行,从而C3和D1为连续关系,则D1向左则指向C1。因此,此时焦点框将向上移动,并且向右移动至边缘。
具体的,根据预设规则的判定,其中向上移动时,将移动整体条目从而将目标条目移动至所述焦点框位置;其中,向右移动时,将移动焦点框至目标条目位置。
本实施例,通过设置相邻的行之间具有连续性,从而使得同一行的移动焦点框的操作,能够有产生列向移动的效果,达到更使用方案更丰富的效果。
本发明还提供了一种动画显示设备,请参看图10,本发明终端界面条目的动画显示设备一实施例,所述终端界面条目的动画显示设备1000包括处理器1100、存储器1200和储存于所述储存器1200上的并可在处理器1100上运行的终端界面条目的动画显示程序1300;所述终端界面条目的动画显示程序1300被所述处理器1100执行时实现如上述任一实施例的终端界面条目的动画显示方法的步骤。
所述终端界面条目的动画显示方法被处理器1100执行时,所实现的步骤参看上述实施例,在此不再赘述。
由于本实施例所提供的终端界面条目的动画显示设备1000,包括了上述终端界面条目的动画显示方法的全部技术特征,因此也具有上述终端界面条目的动画显示方法的全部有益效果,在此不再赘述。
请参看图11,本发明计算机可读存储介质一实施例,用于计算机读取,所述计算机可读存储介质2000上存储有终端界面条目的动画显示程序2100,所述终端界面条目的动画显示程序2100被处理器执行时实现如上述任一实施例的终端界面条目的动画显示方法的步骤。
所述终端界面条目的动画显示方法被处理器执行时,所实现的步骤参看上述实施例,在此不再赘述。
由于本实施例所提供的计算机可读存储介质,包括了上述终端界面条目的动画显示方法的全部技术特征,因此也具有上述终端界面条目的动画显示方法的全部有益效果,在此不再赘述。
本发明提供的终端界面条目的动画显示方法、终端以及计算机可读存储介质,通过设置计算各个条目的移动参数,在根据各个条目的移动参数生成整体条目的移动动画,从而可以使得整体条目的移动动画丰富多样。具体的,通过修改预设算法来达到定制多种动画效果,并且保证在界面之外的条目可以不做动画,减少内存消耗,节约手机资源,并且给用户更好的用户体验。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台智能终端(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,这些均属于本发明的保护之内。
Claims (10)
1.一种动画显示方法,其特征在于,所述动画显示方法包括以下步骤:
在终端界面上显示呈行列排布的多个条目,以及框选一个条目的一个焦点框,所述焦点框对应的条目为焦点条目;
当终端界面接受到焦点移动指令时,根据预设规则选定焦点的移动方案;
当所述移动方案为,移动整体条目从而将目标条目移动至所述焦点框位置时,根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数,并且根据各个条目的移动参数生成整体条目的移动动画。
2.如权利要求1所述的动画显示方法,其特征在于,在所述当终端界面接受到焦点移动指令时,根据预设规则选定焦点的移动方案的步骤之后,还包括:
当所述移动方案为,移动焦点框至目标条目位置时,将所述目标条目进行强调,并且将失去所述焦点框的条目恢复常态。
3.如权利要求1或2所述的动画显示方法,其特征在于,所述预设规则包括:
获得所述焦点移动指令中关于焦点的移动方向;
当在所述移动方向上具有未进入所述界面内的条目,并且所述焦点框位于预设滚动位置时,选择所述移动整体条目从而将目标条目移动至所述焦点框位置的方案;否则选择所述移动焦点框至目标条目位置的方案。
4.如权利要求3所述的动画显示方法,其特征在于,所述在终端界面上显示呈行列排布的多个条目的步骤包括:
在终端界面上划分用于供条目对齐的网格,所述网格包括适合界面第一方向长度的列数,以及超出界面第二方向长度的行数;
多个条目对齐所述网格排列以及显示。
5.如权利要求4所述的动画显示方法,其特征在于,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤包括:
获得整体条目需要移动的距离S;
获得各个条目与所述焦点框的绝对距离;
根据各自条目的所述绝对距离,呈正相关的生成各个条目的移动延迟时间,用以在各个条目的延迟时间结束时开始移动,直至移动达到距离S。
6.如权利要求4所述的动画显示方法,其特征在于,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤包括:
获得整体条目的需要移动的距离S;
获得每一行条目与所述焦点框的在沿着所述列的方向上的列向距离;
根据每一行条目的所述列向距离,呈正相关的生成每一行条目的移动延迟时间,用以在每一行条目的延迟时间结束时开始移动,直至移动达到距离S。
7.如权利要求4所述的动画显示方法,其特征在于,所述根据各个条目与所述焦点框的位置关系以及预设算法,来获得各个条目的移动参数的步骤包括:
获得整体条目的需要移动的距离S;
获得每一列条目与所述焦点框的在沿着所述行的方向上的行向距离;
根据每一列条目的所述行向距离,呈正相关的生成每一列条目的移动延迟时间,用以在每一列条目的延迟时间结束时开始移动,直至移动达到距离S。
8.如权利要求4所述的动画显示方法,其特征在于,预设所述网格中一行的最后一个位置,与下一行的第一个位置为连续;所述动画显示方法还包括步骤:
当所述焦点框位于一行的边缘位置,所述焦点移动指令即将使所述焦点框移动出所述边缘位置,并且在相邻行上存在连续的位置时,移动所述焦点框至相邻行的连续位置。
9.一种动画显示终端,其特征在于,所述终端包括:存储器、处理器、通信总线以及存储在所述存储器上的终端界面条目的动画显示程序:
所述通信总线用于实现处理器和存储器之间的连接通信;
所述处理器用于执行所述终端界面条目的动画显示程序,以实现如权利要求1-8中任一项所述的终端界面条目的动画显示方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有动画显示程序,所述动画显示程序被处理器执行时实现如权利要求1至8中任一项所述的动画显示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710446645.1A CN107329649A (zh) | 2017-06-14 | 2017-06-14 | 动画显示方法、终端及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710446645.1A CN107329649A (zh) | 2017-06-14 | 2017-06-14 | 动画显示方法、终端及计算机可读存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107329649A true CN107329649A (zh) | 2017-11-07 |
Family
ID=60195014
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710446645.1A Pending CN107329649A (zh) | 2017-06-14 | 2017-06-14 | 动画显示方法、终端及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107329649A (zh) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108270971A (zh) * | 2018-01-31 | 2018-07-10 | 努比亚技术有限公司 | 一种移动终端对焦的方法、设备及计算机可读存储介质 |
CN108449624A (zh) * | 2018-05-10 | 2018-08-24 | 聚好看科技股份有限公司 | 播放控制方法、播放控制装置及播放终端 |
CN109669751A (zh) * | 2018-12-14 | 2019-04-23 | Oppo广东移动通信有限公司 | 一种输入框的绘制方法、装置、终端及计算机存储介质 |
CN111010601A (zh) * | 2019-12-17 | 2020-04-14 | 深圳康佳电子科技有限公司 | 一种智能电视的焦点控制方法、智能电视及存储介质 |
CN116578375A (zh) * | 2023-07-11 | 2023-08-11 | 荣耀终端有限公司 | 卡片显示方法及终端设备 |
WO2024098713A1 (zh) * | 2022-11-11 | 2024-05-16 | 中兴通讯股份有限公司 | 终端桌面的显示方法、终端、计算机可读介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150189215A1 (en) * | 2013-12-27 | 2015-07-02 | Sony Corporation | Control device, control method, and program |
CN105100862A (zh) * | 2014-04-18 | 2015-11-25 | 阿里巴巴集团控股有限公司 | 网格移动的显示处理方法及其系统 |
CN105094602A (zh) * | 2015-06-30 | 2015-11-25 | 努比亚技术有限公司 | 移动终端实现按键模式的方法和装置 |
CN105867893A (zh) * | 2015-11-18 | 2016-08-17 | 乐视致新电子科技(天津)有限公司 | 一种图形用户界面的显示终端、显示方法及显示装置 |
CN105955520A (zh) * | 2015-03-08 | 2016-09-21 | 苹果公司 | 用于控制媒体呈现的设备和方法 |
CN106445370A (zh) * | 2015-06-07 | 2017-02-22 | 苹果公司 | 用于在用户界面之间导航的设备和方法 |
CN106527908A (zh) * | 2016-11-24 | 2017-03-22 | Tcl集团股份有限公司 | 应用界面中拉伸弹动动画的实现方法及装置 |
CN106598439A (zh) * | 2016-12-12 | 2017-04-26 | 深圳Tcl数字技术有限公司 | 条目滚动过程中的显示方法及装置 |
-
2017
- 2017-06-14 CN CN201710446645.1A patent/CN107329649A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20150189215A1 (en) * | 2013-12-27 | 2015-07-02 | Sony Corporation | Control device, control method, and program |
CN105100862A (zh) * | 2014-04-18 | 2015-11-25 | 阿里巴巴集团控股有限公司 | 网格移动的显示处理方法及其系统 |
CN105955520A (zh) * | 2015-03-08 | 2016-09-21 | 苹果公司 | 用于控制媒体呈现的设备和方法 |
CN106445370A (zh) * | 2015-06-07 | 2017-02-22 | 苹果公司 | 用于在用户界面之间导航的设备和方法 |
CN105094602A (zh) * | 2015-06-30 | 2015-11-25 | 努比亚技术有限公司 | 移动终端实现按键模式的方法和装置 |
CN105867893A (zh) * | 2015-11-18 | 2016-08-17 | 乐视致新电子科技(天津)有限公司 | 一种图形用户界面的显示终端、显示方法及显示装置 |
CN106527908A (zh) * | 2016-11-24 | 2017-03-22 | Tcl集团股份有限公司 | 应用界面中拉伸弹动动画的实现方法及装置 |
CN106598439A (zh) * | 2016-12-12 | 2017-04-26 | 深圳Tcl数字技术有限公司 | 条目滚动过程中的显示方法及装置 |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108270971A (zh) * | 2018-01-31 | 2018-07-10 | 努比亚技术有限公司 | 一种移动终端对焦的方法、设备及计算机可读存储介质 |
CN108270971B (zh) * | 2018-01-31 | 2020-07-24 | 努比亚技术有限公司 | 一种移动终端对焦的方法、设备及计算机可读存储介质 |
CN108449624A (zh) * | 2018-05-10 | 2018-08-24 | 聚好看科技股份有限公司 | 播放控制方法、播放控制装置及播放终端 |
CN109669751A (zh) * | 2018-12-14 | 2019-04-23 | Oppo广东移动通信有限公司 | 一种输入框的绘制方法、装置、终端及计算机存储介质 |
CN111010601A (zh) * | 2019-12-17 | 2020-04-14 | 深圳康佳电子科技有限公司 | 一种智能电视的焦点控制方法、智能电视及存储介质 |
CN111010601B (zh) * | 2019-12-17 | 2022-12-20 | 深圳康佳电子科技有限公司 | 一种智能电视的焦点框控制方法、智能电视及存储介质 |
WO2024098713A1 (zh) * | 2022-11-11 | 2024-05-16 | 中兴通讯股份有限公司 | 终端桌面的显示方法、终端、计算机可读介质 |
CN116578375A (zh) * | 2023-07-11 | 2023-08-11 | 荣耀终端有限公司 | 卡片显示方法及终端设备 |
CN116578375B (zh) * | 2023-07-11 | 2024-03-29 | 荣耀终端有限公司 | 卡片显示方法及终端设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107329649A (zh) | 动画显示方法、终端及计算机可读存储介质 | |
CN107145293A (zh) | 一种截图方法、移动终端及存储介质 | |
CN108196743A (zh) | 一种柔性屏幕中应用显示方法及移动终端 | |
CN108446068A (zh) | 一种界面切换方法及移动终端 | |
CN107831946A (zh) | 交互按钮位置调整方法、移动终端及计算机可读存储介质 | |
CN107817939A (zh) | 一种图像处理方法及移动终端 | |
CN107402694A (zh) | 应用切换方法、设备和计算机可读存储介质 | |
CN107952242A (zh) | 一种终端软件体验方法、终端及计算机可读存储介质 | |
CN107704185A (zh) | 一种分屏桌面显示方法、终端及计算机可读存储介质 | |
CN108415781A (zh) | 一种显示控制方法、终端及计算机可读存储介质 | |
CN110174993A (zh) | 一种显示控制方法、终端设备及计算机可读存储介质 | |
CN108319329A (zh) | 一种显示控制方法、柔性屏终端及计算机可读存储介质 | |
WO2016188252A1 (zh) | 参考内容展示的方法、装置以及存储介质 | |
CN107783719A (zh) | 一种应用推荐方法、移动终端及计算机可读存储介质 | |
CN107797643A (zh) | 降低终端运行功耗的方法、终端及计算机可读存储介质 | |
CN107656793A (zh) | 一种应用程序界面切换方法及移动终端 | |
CN107526493A (zh) | 一种小工具显示方法、设备及计算机可读存储介质 | |
CN107632757A (zh) | 一种终端控制方法、终端及计算机可读存储介质 | |
CN107783709A (zh) | 一种图像的查看方法及移动终端 | |
CN107765941A (zh) | 一种图标显示方法、终端及计算机可读存储介质 | |
CN107463324A (zh) | 一种图片显示方法、移动终端和计算机可读存储介质 | |
CN107589887A (zh) | 一种应用启动方法及终端 | |
CN107390856A (zh) | 一种降低移动终端功耗的方法、移动终端及存储介质 | |
CN107635065A (zh) | 一种截屏方法、移动终端及计算机可读存储介质 | |
CN110045890A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20171107 |