CN114138141B - 显示方法、装置和电子设备 - Google Patents
显示方法、装置和电子设备 Download PDFInfo
- Publication number
- CN114138141B CN114138141B CN202111275984.0A CN202111275984A CN114138141B CN 114138141 B CN114138141 B CN 114138141B CN 202111275984 A CN202111275984 A CN 202111275984A CN 114138141 B CN114138141 B CN 114138141B
- Authority
- CN
- China
- Prior art keywords
- content
- icon
- display
- form parameter
- motion
- 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
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/04817—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 using icons
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
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)
- Processing Or Creating Images (AREA)
Abstract
本申请公开了一种显示方法、装置和电子设备,属于计算机技术领域。在本申请实施例中,接收对显示在屏幕上的第一内容的第一输入;响应于所述第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,预设模型用于模拟对象与液面接触时相互作用的运动形态;根据第一运动形态参数,动态显示所述显示内容,进而显示的该显示内容能够呈现出模拟对象与液面接触时相互作用的运动形态的动态效果。
Description
技术领域
本申请属于计算机技术领域,具体涉及一种显示方法、装置和电子设备。
背景技术
为实现用户与电子设备的交互,通常通过电子设备的桌面(Desktop)或应用(Application,App)的交互界面提供图标、条栏、视图、控件等界面内容,这样用户可以对界面内容进行点击、拖动等触屏操作,以使电子设备执行相应的功能。但是在交互过程中,电子设备接收上述触屏操作后,都是通过二维平面显示普通的线性动画效果,例如,接收对桌面图标的点击操作,电子设备直接从屏幕一侧或中心打开对应的App界面。这种固化的显示效果,缺乏生动性,导致用户操作体验较差。
发明内容
本申请实施例的目的是提供一种显示方法、装置和电子设备,能够解决交互界面内容的显示效果缺乏生动性的问题。
第一方面,本申请实施例提供了一种显示方法,该方法包括:
接收对显示在屏幕上的第一内容的第一输入;
响应于第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,所述预设模型用于模拟对象与液面接触时相互作用的运动形态,显示内容至少包括所述第一内容;
根据第一运动形态参数,动态显示所述显示内容。
第二方面,本申请实施例提供了一种显示装置,装置包括:
第一接收模块,用于接收对显示在屏幕上的第一内容的第一输入;
确定模块,用于响应于第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,预设模型用于模拟对象与液面接触时相互作用的运动形态,显示内容至少包括所述第一内容;
显示模块,用于根据第一运动形态参数,动态显示该显示内容。
第三方面,本申请实施例提供了一种电子设备,该电子设备包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如第一方面所述的方法的步骤。
第四方面,本申请实施例提供了一种可读存储介质,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如第一方面所述的方法的步骤。
第五方面,本申请实施例提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现如第一方面所述的方法。
在本申请实施例中,接收对显示在屏幕上的第一内容的第一输入;响应于所述第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,预设模型用于模拟对象与液面接触时相互作用的运动形态;根据第一运动形态参数,动态显示所述显示内容,进而显示的该显示内容能够呈现出对象与液面接触时相互作用的运动形态的动态效果,使得用户与电子设备屏幕的交互画面更为生动,提升用户操作体验。
附图说明
图1是本申请一个实施例中显示方法流程示意图;
图2中(2a)是本申请一个具体示例中,第一应用页面的显示示意图,(2b) 是第一应用页面缩小形态的显示示意图,(2c)是第一应用页面从(2b)所示形态再缩小的显示示意图,(2d)显示第一图标的显示示意图,(2e)是第一应图标放大形态的显示示意图,(2f)是第一图标停止显示回弹动画后的显示示意图;
图3中(3a)是本申请另一个具体示例中,第一内容的显示示意图,(3b) 是第一内容经过第二内容时的显示示意图;
图4中(4a)是本申请再一个具体示例中,第一内容的显示示意图,(4b) 是第一内容经过第二内容时的显示示意图,(4c)是第一内容经过第二内容后的显示示意图;
图5是本申请另一个实施例中,显示装置的结构示意图;
图6是本申请再一个实施例中,电子设备的硬件结构示意图;
图7是本申请又一个实施例中,电子设备的硬件结构示意图。
具体实施方式
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员获得的所有其他实施例,都属于本申请保护的范围。
本申请的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象,而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施,且“第一”、“第二”等所区分的对象通常为一类,并不限定对象的个数,例如第一对象可以是一个,也可以是多个。此外,说明书以及权利要求中“和/或”表示所连接对象的至少其中之一,字符“/”,一般表示前后关联对象是一种“或”的关系。
下面结合附图,通过具体的实施例及其应用场景对本申请实施例提供的显示方法、装置和电子设备进行详细地说明。
图1示出了本申请实施例提供的界面内容显示方法的流程示意图。如图1 所示,该方法包括步骤S101~S103:
S101.接收对显示在屏幕上的第一内容的第一输入。
第一内容是显示在屏幕区域的内容,第一内容可以为界面元素,界面元素可以包括图标、窗口、控件、条栏等;或者第一内容也可以为应用程序 (Application,App,简称“应用”)的应用页面。
第一输入可以是用户对屏幕的点击输入、或者是用户输入的语音指令,或者是用户输入的特定手势或隔空手势,具体的可以根据实际使用需求确定,本实施例对此不做限定。
点击输入可以为单击输入、双击输入或任意次数的点击输入,还可以为长按输入或短按输入。特定手势可以是轻点手势、双轻点手势、滑动手势、拖动手势、缩放手势、转动手势中的任意一种。
S102.响应于第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,预设模型用于模拟对象与液面接触时相互作用的运动形态,显示内容至少包括第一内容。
显示内容为显示在屏幕区域的内容,可以包括上述第一内容,也可以包括其他内容。
预设模型用于模拟对象与液面接触时相互作用的运动形态,以能够将屏幕中的显示内容基于预设模型呈现出物体对象接触液面时的物理动效。其中,对象与液面接触时相互作用的运动形态可以包括对象相对于液面下沉、上浮、漂浮、以及对象在液面滑动等的运动形态,显示内容基于预设模型对应呈现的物理动效可以表现为显示内容的缩小、放大、交替缩放或形变后显示出的形态。
示例性的,预设模型的输入可以包括第一内容的初始位置、以及由第一输入确定的对第一内容的操作数据,如第一内容的移动速度、移动方向、移动位置等数据,预设模型的输出为对应的运行形态参数。预设模型根据输入数据进行数据处理后,得到对应的输出反映到电子设备界面上,产生动态显示的第一内容的变化效果。
示例性的,第一运动参数可以包括显示内容的缩小形态的参数、放大形态的参数和/或形变形态的参数。
S103.根据第一运动形态参数,动态显示该显示内容。
根据预设模型确定的第一运动形态参数,动态显示该显示内容,也即将该显示内容按照第一运动形态参数呈现的运行形态显示在电子设备屏幕上,以模拟对象接触液面时的物理动效。
这样在本申请实施例中,通过接收对显示在屏幕上的第一内容的第一输入;能够根据预设模型确定屏幕上的显示内容的第一运动形态参数,然后根据第一运动形态参数,动态显示所述显示内容,进而显示的该显示内容能够呈现出对象与液面接触时相互作用的运动形态的动态效果,使得用户与电子设备屏幕的交互画面更为生动,提升用户操作体验。
示例性的,本申请实施例的显示方法可以应用于退出应用程序的场景,在退出应用程序的过程中,通过应用程序页面与其他显示内容的运动形态变化,模拟出对象落在液面的动态效果,继而使得应用程序退出操作过程中,屏幕显示内容产生更为流畅、生动的视觉效果。
本示例中,上述第一内容可以为第一应用页面,第一应用页面为应用程序的页面,屏幕上的显示内容还包括设置在桌面上的桌面内容,桌面内容可以包括桌面背景、应用图标、挂件、Dock栏等。如图2中(2a)所示,在电子设备200的屏幕区域显示有第一应用页面201的情况下,通过步骤S101接收对第一应用页面201的第一输入,触发执行后续退出第一应用页面201的步骤。
下面以第一输入为滑动输入为例对本申请实施例的方法进行说明。
在电子设备200接收用户的滑动输入后,步骤S102响应于第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,具体可以包括步骤 S301~S303:
S301.响应于第一输入,将所述第一应用页面确定为所述预设模型中的所述对象,以及将所述桌面内容确定为所述预设模型中的所述液面;
S302.根据预设模型确定所述第一应用页面的运动形态参数和所述桌面内容的运行形态参数;
S303.将所述第一应用页面的运动形态参数和所述桌面内容的运动形态参数,确定为所述第一运动形态参数。
参考图2中(2b)所示,接收滑动输入后,通过预设模型,将第一应用页面201确定为所述预设模型中的对象,并将桌面内容202确定为所述预设模型中的液面,并确定第一应用页面的运动形态参数和桌面内容的运行形态参数,使第一应用页面201和桌面内容(如桌面背景)202分别按照对应的运行形态参数进行变化,进而模拟出对象落入液面的动态效果。
在物体对象落入液面(例如水面)的过程中,物体对象受重力加速度的作用落入水面,运行形态一般会包括:物体下落至水面,从水面下沉一段距离后上浮,上浮至水面后还会上下浮动。因此,本示例中,根据预设模型可以通过将第一应用页面201相对于桌面内容202缩小,模拟对象落至水面并下沉的运动形态;第一应用页面201缩小到一定尺寸后消失,然后在桌面区域显示出对应的应用图标,该应用图标相对于其他桌面内容放大,从而模拟对象从水面下上浮的运动形态;放大到一定尺寸的该应用图标,在一段时间内还将以一定幅度和频率显示为交替放大和缩小的回弹动画,模拟对象上浮至水面后由于惯性而上下浮动的运动状态。
可选的,上述桌面内容可以包括第一图标和第二内容。本步骤S301中根据预设模型确定第一应用页面的运动形态参数和桌面内容的运动形态参数,具体可以包括:
根据预设模型,确定第一应用页面的第一缩小形态参数;第一缩小形态参数包括对应页面缩小的第一速度和第一尺寸。在一些示例中,第一速度可以按照预设值逐渐增大;
根据预设模型和对应桌面内容在桌面的位置,确定对应第一图标在第一时长内的放大形态参数、对应第二内容的第二缩小形态参数以及对应第一图标在第二时长内的交替缩放形态参数,其中放大形态参数包括对应第一图标放大的第二速度和第二尺寸,第二缩小形态参数包括对应第二内容缩小的第三速度和第三尺寸,交替缩放形态参数包括对应第一图标交替缩放的幅度和频率。
示例性的,桌面内容包括的第一图标和第二内容中,第一图标可以为第一应用页面对应的应用图标,该第二内容可以包括桌面上除第一图标之外的桌面背景、其他应用图标、挂件、dock栏等所有内容元素。
第二内容包括的所有内容元素可以同步放大或缩小,第一图标和第二内容可以不同步放大,也不同步缩小,或者也可以第一图标放大时第二内容缩小,第一图标缩小时第二内容放大,或者第一图标放大或缩小时第二内容不变化。
示例性的,第一图标放大时的速度值可以与第二内容放大时的速度值相同,也可以不同,同理,第一图标缩小时的速度值可以与第二内容放大时的速度值相同,也可以不同。
对应的,一个示例中,通过第一应用页面、第一图标和第二内容模拟在触发第一应用页面的关闭过程中:第一应用页面逐渐由慢到快地缩小至一定尺寸后隐匿;然后显示较小尺寸的第一图标,在第一时长内,第一图标逐渐放大同时第二内容逐渐缩小;第二时长内,第一图标交错放大和缩小,直至静止。
故而,对应第一图标在第一时长内的放大形态参数可以包括对应第一图标放大的第二速度和第二尺寸,第二内容在第一时长内的第二缩小形态参数包括对应第二内容缩小的第三速度和第三尺寸,其中,第二速度和第三速度的值可以相等也可以不相等。
交替缩放形态参数中包括对应第一图标的交替缩放的幅度和频率。
在一些示例中,交替缩放形态参数中也可以还包括第二内容的交替缩放的幅度和频率。其中第一图标交替缩放幅度可以与第二内容的交替缩放幅度相等,第一图标交替缩放频率可以与第二内容的交替缩放频率相等,但是第一图标交替缩放时须与第二内容相反,例如,第一图标缩小时第二内容放大,第一图标放大时第二内容缩小。
示例性的,第一图标的缩小形态参数以及交替缩放形态参数还可以根据第一图标所在桌面中的位置以及滑动输入的速度确定。第一图标所在桌面中的位置越靠上和/或滑动输入的速度越大,对应的第二尺寸越小且交替缩放幅度和频率越大,反之,第一图标所在桌面中的位置越靠下和/或滑动输入的速度越小,对应的第二尺寸越大且交替缩放幅度和频率越小,其中,桌面位置的“上”、“下”是指桌面图标和文字等内容均正向显示时,顺应桌面内容正向显示的方向为上,反之为下。
应理解,交替缩放形态可以显示为回弹动画(spring),交替缩放幅度越大,即回弹动画的回弹系数越大,一个示例中,在接收的滑动输入速度相等的情况下,根据桌面从下到上的位置排布,不同位置高度层图标的回弹系数可以为 [0.1,1]区间。在图标位置高度相同的情况下,根据滑动输入速度从大到小,统一高度层图标的回弹系数可以在[0.5,1]区间。
以图2中(2c)和(2d)中显示的桌面示意图为例,“照片”应用图标2021、“相机”应用图标2022和“通讯”应用图标2023位于“电子书”应用图标2024、“设置”应用图标2025以及“日历”应用图标2026的上层,“拨号”应用图标2027、“通讯录”应用图标2028和“短消息”应用图标2029位于桌面203 的底层。在接收的滑动输入速度相等的情况下,“照片”应用图标2021对应的第二尺寸值小于“设置”应用图标2025对应的第二尺寸值,且“照片”应用图标2021对应的交替缩放幅度和频率大于“设置”应用图标2025对应的交替缩放幅度和频率。这样能够模拟出高度越高的物体对象落在水中下沉距离越大,且上浮后上下浮动的幅度也越大的运行形态,进而呈现出更加逼真、生动的动态视觉效果。
通过步骤S301~S302确定出第一应用页面和其他桌面内容的运动形态参数后,执行步骤S303.将这些运动形态参数和确定为第一运动形态参数,后续第一应用页面和对应的桌面内容按照该第一运动形态参数进行动态显示。
示例性的,通过S301~S303得到上述第一运动形态参数后,步骤S103.根据第一运动形态参数,动态显示所述显示内容具体可以包括:
S401.根据第一速度缩小显示第一应用页面,并且第一速度持续增大,直至所述第一应用界面缩小至所述第一尺寸;
S402.在第一应用页面缩小的同时,根据第二速度放大显示第二内容。
由于对象落入水面时受重力作用,下落的速度会不断增大,因此如图2中 (2a)和(2b)以及(2c)所示,第一应用页面以逐渐增大的第一速度进行缩小,也即第一应用页面缩小的速度越来越快,同时第二内容可以(如桌面背景和当前显示的桌面图标)以第一速度或适合的速度逐渐放大,这样第一应用页面与第二内容之间形成相对运动的画面,继而呈现出模拟的对象向水面下落的动态效果。
示例性的,桌面背景可以为三维视图,例如将桌面背景呈现出模拟水面的 3D图像效果,或者呈现出动态水纹、图标倒影等等,增加视觉效果的逼真感。
S403.第一应用页面缩小至第一尺寸后隐匿,并且在第一应用页面隐匿的情况下,在桌面显示第一图标。
示例性的,在第一应用页面201缩小至第一尺寸的过程中,第一应用页面缩小的速度可以先如步骤S401中所述的逐渐增大,直至缩小到第一尺寸,然后隐匿。
在另一些示例中,在第一应用页面201缩小至第一尺寸的过程中,第一应用页面缩小的速度可以先如步骤S401中所述的逐渐增大,直至增大到第一尺寸,并在缩小到第一尺寸后的较短时间内,该页面继续缩小,且缩小的速度逐渐减小,直至缩小到比第一尺寸更小的尺寸后隐匿,这样可以模拟出对象加速落入水面后,受到水中阻力,下沉速度减慢的视觉效果。
如图2中(2c)和(2d)所示,第一应用页面201缩小至第一尺寸后消失,该页面201退出,在第一应用页面201消失的情况下,在桌面203显示第一图标2021。
应理解,在显示第一应用页面201的情况下,桌面不显示第一图标2021,在第一应用页面201退出后,再显示第一图标2021。并且该步骤S403中显示的第一图标2021较之于桌面上的其他图标要小(参考图2中的(2d)),以模拟呈现对象下沉至液面下的动效。
S404.在显示第一图标的第一时长内,第一图标放大至第二尺寸,且第二内容缩小至所述第三尺寸。
参考图2中(2d)和(2e)所示,在显示第一图标2021的第一时长内,第一图标2021放大同时第二内容缩小,第一图标2021和第二内容形成相对运动的形态变化,模拟对象从液面下上浮的动效。
S405.在第一图标放大至第二尺寸的情况下,在第二时长内根据交替缩放的幅度和频率,显示交替放大和缩小的第一图标。
参考图2中(2e)和(2f)所示,在第一图标2021放大至第二尺寸的情况下,根据上述确定的交替缩放的幅度和频率,显示交替放大和缩小的第一图标 2021,形成第一图标2021交替放大和缩小的回弹动画,模拟出对象上浮到水面后由于惯性进行回落浮沉的动效。
本示例中,在接收用户滑动输入退出应用页面的场景中,通过第一页面应用与桌面内容产生相对的运动形态,模拟出对象落入液面的一系列运行形态,使得用户在退出应用页面的操作中,通过显示内容的形态变化,呈现生动、流畅的动效,提升用户操作体验。
应理解,本示例中,第一输入也可以为点击输入或者其他输入,当第一输入不是滑动输入时,第一运动形态参数根据预设模型和图标位置确定,不考虑输入的滑动速度即可。
示例性的,本申请实施例的方法还可以应用于界面中列表排序的场景。如图3中(3a)所示,列表排序可以是通过移动列表301中的元素(302,303),进行元素布局的调整。在列表排序过程中,通过界面中元素之间的形态变化,模拟出对象在水面滑动的动态效果。
物体对象在水面滑动时,以滑动方向为前方,则受到水面的阻力,物体对象前端部位受水面阻力较大,会上翘浮起,对应的,物体对象的后端部位会相对下沉。因此本示例中,可以通过使显示内容形变来模拟对象在水面滑动的运行形态,例如通过显示内容的图像前端进行一定角度的扭曲形变和阴影,呈现前端上翘的动效,而且可以根据滑动速度的增大,增加扭曲形变的角度,以提高模拟动效的生动性。
本示例中,参考图3中(3a),上述第一内容302可以是列表301中的第一元素,该第一元素可以为列表组件(item),在电子设备300的屏幕区域显示第一内容302的情况下,通过步骤S101接收对第一内容的第一输入中,第一输入可以为滑动输入。
对应的,步骤S102响应于所述第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,具体可以包括S501~S502:
S501.确定第一输入对应的滑动速度和滑动方向。
根据用户的滑动输入,确定滑动输入对应的滑动速度和方向。
S502.根据滑动速度和滑动方向以及所述预设模型,确定第一内容的第一运动形态参数。
第一内容301的第一运动形态参数可以包括对应第一内容的移动方向和移动速度等。如图3中(3a)所示,第一内容302的移动方向向上。
根据预设模型,第一内容确定为预设模型中的对象,且将其他页面内容(如可以包括当前页面中除第一元素之外的其他内容)确定为预设模型中的液面,这样确定的滑动速度和滑动方向就可以作为预设模型的输入,由该预设模型输出第一内容的第一运动形态参数。
确定第一内容的第一运动形态参数后,执行步骤S103根据第一运动形态参数,动态显示所述显示内容,具体可以包括S503~S504:
S503.根据第一运动形态参数,确定第一内容的第一显示样式。
根据第一内容的第一运动形态参数包括的移动方向和移动速度,确定第一内容的显示样式,显示样式可以通过不同的扭曲形变角度、扭曲形变系数和阴影效果系数确定。例如滑动速度越大,则第一内容扭曲形变角度、扭曲形变系数和阴影效果系数越大,第一内容的显示样式可以表现为前端扭曲形变程度越大,阴影效果越强,呈现出前端浮起上翘、后端下沉的视觉效果,进而模拟出对象在水面快速滑动并受到水面阻力作用的运动形态。
如图3中(3a)所示第一内容302的显示样式为第一显示样式,上部分扭曲形变并有阴影,模拟对象上翘的动效。
S504.根据第一显示样式显示第一内容,并将第一内容沿着滑动方向移动。
第一内容301以第一显示样式进行显示,同时沿着第一输入对应的滑动方向和滑动速度进行滑动,直至将该第一内容移动至目标位置,完成列表组件的重新排序。
为提高列表排序过程中显示内容变化的生动性,示例性的,参考图3中(3a) 所示,显示内容还可以包括第二内容303,第二内容303可以是列表301中除第一元素之外的其他组件元素,并且第二内容303的显示样式为第二显示样式,第二显示样式不同于第一显示样式,例如对应第二显示样式,第二内容303没有形变和阴影。
本示例中,通过步骤S101~S102接收到用户的滑动输入并确定了第一内容的显示样式后,步骤S103根据第一运动形态参数,动态显示所述显示内容具体还可以包括S505~S506:
S505.在第一内容移动至第二内容的情况下,根据第一运动形态参数,将第一内容从第一显示样式变化为第三显示样式,并且第二内容从第二显示样式变化为第四显示样式。
由于物体对象在水面滑动时,如果一个物体对象从另一个物体对象上方讲过,受到水的浮力和物体之间的作用力,位于上方的物体将上浮,同时位于下方的物体将下沉。因此本步骤中,参考图3中(3b)所示,在第一内容301移动至第二内容302的情况下,根据第一运动形态参数,将第一内容301从第一显示样式变化为第三显示样式,并且第二内容302从第二显示样式变化为第四显示样式,其中第三显示样式对应的扭曲形变角度、扭曲形变系数和阴影效果系数均小于第一显示样式且均大于第二显示样式,同时第三显示样式对应的扭曲形变角度可以与第四显示样式相反,以模拟出第一内容上浮、第二内容下沉的动效。
S506.在第一内容经过第二内容之后,第一内容恢复为第一显示样式,第二内容恢复为第二显示样式。
第一内容经过第二内容时,第一内容和第二内容同时发生形变,模拟出一个对象在水面经过另一个对象时,一个对象上浮、另一个对象下沉的运动形态。并在第一内容经过第二内容后,恢复各自的显示样式。
界面中不同内容元素都有预先设置的网格位置,如果一个内容元素完全移动到一个网格中,则该内容元素可以停留在该网格位置,如果内容元素未完全移动到网格内就中止移动,则内容元素会返回到本次移动前的初始位置。
因此本示例中,在步骤S504根据第一显示样式显示第一内容,并将第一内容沿着滑动方向移动之后,方法还可以包括:
S507.在第一内容中止移动且未移动到目标位置的情况下,第一内容向初始位置移动,初始位置为第一内容未沿着滑动方向移动之前所在的位置。
如果响应于第一输入,移动第一内容的过程中,第一内容未到达目标位置就中止移动,第一内容快速返回初始位置。
S508.第一内容返回初始位置的第二时长内,根据所述第一运动形态参数,动态显示交替放大和缩小的所述第一内容。
第一内容返回初始位置的第二时长内,根据所述第一运动形态参数,动态显示交替放大和缩小的所述第一内容,形成第一内容交替放大和缩小的回弹动画。回弹动画的回弹系数与第一内容移动的距离有关,第一内容移动的距离越大,中止移动并返回初始位置后,第一内容交替放大和缩小的幅度就越大,也即回弹动画的回弹系数越大,从而模拟对象快速滑到水面某个位置时受惯性浮动的运动形态,使得用户在列表排序场景中,排序操作体验更好。
示例性的,本申请实施例的显示方法还可以应用于桌面图标的排序。在桌面图标排序过程中,通过桌面图标与其他图标的运动形态变化,模拟对象在液面移动的运动形态。
本示例中,如图4中(4a)所示,第一内容401可以为第二图标,显示内容还可以包括第三图标(第二内容)402。通过步骤S101接收对第二图标401 的第一输入中,第一输入可以为滑动输入。
对应的,步骤S102响应于第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,具体可以包括步骤S601~S602:
S601.确定第一输入对应的滑动速度和滑动方向;
S602.根据滑动速度和滑动方向,确定第一内容的第一运动形态参数。
其中S601~S602的具体执行过程与步骤S501~S502相似,此处不再赘述。
确定第一内容的第一运动形态参数后,执行步骤S103根据第一运动形态参数,动态显示所述显示内容,具体可以包括S603~S604:
S603.根据第一运动形态参数,确定第一内容的第一显示样式;
S604.根据第一显示样式显示第一内容,并将第一内容沿着滑动方向移动。
参考图4中(4a)和(4b)所示,根据第二图标401的第一运动形态参数包括的移动方向和移动速度,确定第二图标401的显示样式,显示样式可以通过不同的扭曲形变角度、扭曲形变系数和阴影效果系数确定,例如滑动速度越大,扭曲形变角度、扭曲形变系数和阴影效果系数越大,第二图标401的显示样式表现为前端扭曲形变程度越大,阴影效果越强,呈现出前端浮起上翘、后端下沉的视觉效果,进而模拟出对象在水面快速滑动并受到水面阻力作用的运动形态。
S603~S604的具体执行过程与步骤S503~S504相似,此处不再赘述。
为提高桌面图标排序过程中显示内容变化的生动性,示例性的,参考图4 中(4c)所示,显示内容还可以包括第三图标402,第三图标402可以是上述第三图标,并且第三图标402的显示样式为第二显示样式,第二显示样式不同于第一显示样式。
本示例中,通过步骤S101~S102接收到用户的滑动输入并确定了第一内容的显示样式后,步骤S103根据第一运动形态参数,动态显示所述显示内容具体还可以包括:
S605.在第一内容移动至第二内容的情况下,根据第一运动形态参数,将第一内容从第一显示样式变化为第三显示样式,并且第二内容从第二显示样式变化为第四显示样式。
参考图4中(4b)和(4c)所示,在第二图标401向下移动至经过第三图标402的情况下,根据第一运动形态参数,确定第二图标401的第三显示样式和第二内容的第四显示样式,其中第三显示样式对应的扭曲形变角度、扭曲形变系数和阴影效果系数均小于第一显示样式且均大于第二显示样式,同时第三显示样式对应的扭曲形变角度可以与第四显示样式相反,以模拟出第一内容上浮、第二内容下沉的动效。
S606.在第一内容经过第二内容之后,第一内容恢复为第一显示样式,第二界面内容恢复为第二显示样式。
如图4中(4b)所示,第二图标401向下经过第第三图标402时,第二图标和第三图标同时发生形变,模拟出一个对象在水面经过另一个对象时,一个对象上浮、另一个对象下沉的运动形态。如图4中(4c)所示,在第二图标401 经过第三图标402后,恢复第二图标401经过第三图标402之前各自的显示样式。
最后中不同内容元素都有预先设置的网格位置,如果一个桌面图标完全移动到一个网格中,则该桌面图标可以停留在该网格位置,如果桌面图标未完全移动到网格内就中止移动,则该图标会返回到本次移动前的初始位置。
因此本示例中,在步骤S604根据第一显示样式显示第一内容,并将第一内容沿着滑动方向移动之后,方法还可以包括:
S607.在第一内容中止移动且未移动到目标位置的情况下,第一内容向初始位置移动,初始位置为第一内容未沿着滑动方向移动之前所在的位置;
S608.第一内容返回初始位置的第二时长内,根据所述第一运动形态参数,动态显示交替放大和缩小的所述第一内容。
第二图标401返回初始位置的第二时长内,根据所述第一运动形态参数,动态显示交替放大和缩小的所述第二图标402,形成第二图标402交替放大和缩小的回弹动画,回弹动画系数与第二图标402移动的距离有关,第二图标402 移动的距离越大,中止移动返回初始位置后,第二图标402交替放大和缩小的幅度越大,也即回弹动画的回弹系数越大,继而模拟对象快速滑到水面某个位置时受惯性浮动的运动形态,使得用户在桌面图标排序场景中,排序操作体验更好。
需要说明的是,本申请实施例提供的显示方法,执行主体可以为显示装置,或者该显示装置中的用于执行显示方法的控制模块。本申请实施例中以显示装置执行显示方法为例,说明本申请实施例提供的显示装置。
图5示出了本申请实施例提供的显示装置的结构示意图。如图5所示,该装置可以包括:
第一接收模块501,用于接收对显示在屏幕上的第一内容的第一输入;
确定模块502,用于响应于第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,预设模型用于模拟对象与液面接触时相互作用的运动形态,显示内容至少包括第一内容;
显示模块503,用于根据第一运动形态参数,动态显示该显示内容。
第一内容是显示在屏幕区域的内容,第一内容可以为界面元素,界面元素可以包括图标、窗口、控件、条栏等;或者第一内容也可以为应用程序 (Application,App,简称“应用”)的应用页面。
第一输入可以是用户对屏幕的点击输入、或者是用户输入的语音指令,或者是用户输入的特定手势或隔空手势,具体的可以根据实际使用需求确定,本实施例对此不做限定。
点击输入可以为单击输入、双击输入或任意次数的点击输入,还可以为长按输入或短按输入。特定手势可以是轻点手势、双轻点手势、滑动手势、拖动手势、缩放手势、转动手势中的任意一种。
显示内容为显示在屏幕区域的内容,可以包括上述第一内容,也可以包括其他内容。
预设模型用于模拟对象与液面接触时相互作用的运动形态,以能够将屏幕中的显示内容基于预设模型呈现出物体对象接触液面时的物理动效。其中,对象与液面接触时相互作用的运动形态可以包括对象相对于液面下沉、上浮、漂浮、以及对象在液面滑动等的运动形态,显示内容基于预设模型对应呈现的物理动效可以表现为显示内容的缩小、放大、交替缩放或形变后显示出的形态。
示例性的,预设模型的输入可以包括第一内容的初始位置、以及由第一输入确定的对第一内容的操作数据,如第一内容的移动速度、移动方向、移动位置等数据,预设模型的输出为对应的运行形态参数。预设模型根据输入数据进行数据处理后,得到对应的输出反映到电子设备界面上,产生动态显示的第一内容的变化效果。
示例性的,第一运动参数可以包括显示内容的缩小形态的参数、放大形态的参数和/或形变形态的参数。
根据预设模型确定的第一运动形态参数,动态显示该显示内容,也即将该显示内容按照第一运动形态参数呈现的运行形态显示在屏幕上,以模拟对象接触液面时的物理动效。
在本申请实施例中,通过接收对显示在屏幕上的第一内容的第一输入;能够根据预设模型确定屏幕上的显示内容的第一运动形态参数,然后根据第一运动形态参数,动态显示所述显示内容,进而显示的该显示内容能够呈现出对象与液面接触时相互作用的运动形态的动态效果,使得用户与电子设备屏幕的交互画面更为生动,提升用户操作体验。
可选的,本申请实施例的装置应用于退出应用程序的场景,第一内容为第一应用页面,显示内容还包括设置在桌面上的桌面内容;第一接收模块501接收的第一输入为滑动输入。
对应的,确定模块502具体可以包括:
第一确定子模块5021,用于响应于所述第一输入,将所述第一应用页面确定为所述预设模型中的所述对象,以及将所述桌面内容确定为所述预设模型中的所述液面;以及
第二确定子模块5022,用于根据预设模型确定所述第一应用页面的运动形态参数和所述桌面内容的运行形态参数;
第三确定子模块5023,将第一应用页面的运动形态参数和桌面内容的运动形态参数,确定为第一运动形态参数。
接收滑动输入后,通过预设模型,将第一应用页面确定为所述预设模型中的对象,并将桌面内容确定为所述预设模型中的液面,并确定第一应用页面的运动形态参数和桌面内容的运行形态参数,使第一应用页面和桌面内容分别按照对应的运行形态参数进行变化,进而模拟出对象落入液面的动态效果。
可选的,上述桌面内容可以包括第一图标和第二内容。第一确定子模块 5021具体用于:
根据预设模型,确定第一应用页面的第一缩小形态参数。第一缩小形态参数包括对应页面缩小的第一速度和第一尺寸。在一些示例中,其中第一速度也可以按照预设值逐渐增大。
根据预设模型和对应桌面内容在桌面的位置,确定对应第一图标在第一时长内的放大形态参数、对应第二内容的第二缩小形态参数以及对应第一图标在第二时长内的交替缩放形态参数,其中放大形态参数包括对应第一图标放大的第二速度和第二尺寸,第二缩小形态参数包括对应第二内容缩小的第三速度和第三尺寸,交替缩放形态参数包括对应第一图标交替缩放的幅度和频率。
可选的,桌面内容可以包括的第一图标和第二内容中,该第一图标为第一应用页面对应的应用图标,该第二内容可以包括桌面上除第一图标之外的桌面背景、其他应用图标、挂件、dock栏等所有内容元素。
可选的,显示模块503可以包括:
第一缩小子模块5031,用于根据第一速度缩小显示第一应用页面,并且第一速度持续增大,直至所述第一应用界面缩小至所述第一尺寸;
第一放大子模块5032,用于在第一应用页面缩小的同时,根据第二速度放大显示第二内容;
第一显示子模块5033,用于第一应用页面缩小至第一尺寸后隐匿,并且在第一应用页面隐匿的情况下,在桌面显示第一图标;
第二放大子模块5034,用于在显示第一图标的第一时长内,第一图标放大至第二尺寸,且第二内容缩小至所述第三尺寸;
第二显示子模块5035,用于在第一图标放大至第二尺寸的情况下,在第二时长内根据交替缩放的幅度和频率,显示交替放大和缩小的第一图标。
示例性的,第一应用页面以逐渐增大的第一速度进行缩小,也即第一应用页面缩小的速度越来越快,同时第二内容(如桌面背景和当前显示的桌面图标) 以一定速度逐渐放大,这样第一应用页面与第二内容之间形成相对运动的画面,继而呈现出模拟的对象向水面下落的动态效果。
第一应用页面缩小至第一尺寸后隐匿,该页面退出,在第一应用页面隐匿的情况下,在桌面显示第一图标。在显示第一图标的第一时长内,第一图标放大同时第二内容缩小,第一图标和第二内容形成相对运动的形态变化,模拟对象从液面下上浮的动效。在第一图标放大至第二尺寸的情况下,根据确定的上述交替缩放的幅度和频率,交替放大和缩小第一图标,形成第一图标交替放大和缩小的回弹动画,模拟出对象上浮到水面后受到惯性进行回落浮沉的动效。
本示例中,在接收用户滑动输入退出应用页面的场景中,通过第一页面应用与桌面内容产生相对的运动形态,模拟出对象落入液面的一系列运行形态,使得用户在退出应用页面的操作中,通过显示内容的形态变化,呈现生动、流畅的动效,提升用户操作体验。
可选的,本申请实施例的装置可以应用于界面中列表排序的场景和桌面图标位置移动的场景。
本示例中,第一接收模块501接收的第一输入为滑动输入,确定模块502 可以包括:
第四确定子模块5023,用于确定第一输入对应的滑动速度和滑动方向;
第五确定子模块5024,用于根据滑动速度和所述滑动方向以及预设模型,确定第一内容的第一运动形态参数;
显示模块503具体包括:
第六确定子模块5036,用于根据第一运动形态参数,确定第一内容的第一显示样式;
第一移动子模块5037,用于根据第一显示样式显示所述第一内容,并将第一内容沿着滑动方向移动。
根据第一内容的第一运动形态参数包括的移动方向和移动速度,确定第一内容的显示样式,显示样式可以通过不同的扭曲形变角度、扭曲形变系数和阴影效果系数确定,例如滑动速度越大,则扭曲形变角度、扭曲形变系数和阴影效果系数越大,第一内容的显示样式可以表现为前端扭曲形变程度越大,阴影效果越强,呈现出前端浮起上翘、后端下沉的视觉效果,进而模拟出对象在水面快速滑动并受到水面阻力作用的运动形态。
为提高列表排序过程中显示内容变化的生动性,示例性的,显示内容还可以包括第二内容,第二内容可以是列表中除第一元素之外的其他组件元素,并且第二内容的显示样式为第二显示样式,第二显示样式不同于第一显示样式。
显示模块503具体还可以包括:
变化子模块5038,用于在第一内容移动第二内容的情况下,根据第一运动形态参数,将第一内容从第一显示样式变化为第三显示样式,并且第二内容从第二显示样式变化为第四显示样式;
恢复子模块5039,用于在第一内容经过所述第二内容之后,第一内容恢复为第一显示样式,第二内容恢复为第二显示样式。
在第一内容移动至第二内容的情况下,根据第一运动形态参数,将第一内容从第一显示样式变化为第三显示样式,并且第二内容从第二显示样式变化为第四显示样式,其中第三显示样式对应的扭曲形变角度、扭曲形变系数和阴影效果系数均小于第一显示样式且均大于第二显示样式,同时第三显示样式对应的扭曲形变角度可以与第四显示样式相反,以模拟出第一内容上浮、第二内容下沉的动效。
第一内容经过第二内容时,第一内容和第二内容同时发生形变,模拟出一个对象在水面经过另一个对象时,一个对象上浮、另一个对象下沉的运动形态。并在第一内容经过第二内容后,恢复各自的显示样式。
界面中不同内容元素都有预先设置的网格位置,如果一个内容元素完全移动到一个网格中,则该内容元素可以停留在该网格位置,如果内容元素未完全移动到网格内就中止移动,则内容元素会返回到本次移动前的初始位置。
可选的,显示装置503还可以包括:
返回子模块50311,用于在第一内容中止移动且未移动到目标位置的情况下,第一内容向初始位置移动,初始位置为第一内容未沿着滑动方向移动之前所在的位置;
第三显示子模块50312,用于第一内容返回初始位置的第二时长内,根据所述第一运动形态参数,动态显示交替放大和缩小的所述第一内容。
如果响应于第一输入,移动第一内容的过程中,第一内容未到达目标位置就中止移动,第一内容快速返回初始位置。第一内容返回初始位置的第二时长内,根据所述第一运动形态参数,动态显示交替放大和缩小的所述第一内容,形成第一内容交替放大和缩小的回弹动画时,回弹动画系数与第一内容移动的距离有关,第一内容移动的距离越大,中止移动返回初始位置后,交替放大和缩小的幅度越大,也即回弹动画的回弹系数越大,从而模拟对象快速滑到水面某个位置时受惯性浮动的运动形态,使得用户在列表排序或图标位置移动(即桌面图标)场景中,用户操作体验更好。
示例性的,上述列表排序的各实施例,同样适用于桌面图标的排序,以增加桌面图标排序的趣味性,提升用户操作体验。
本申请实施例中的显示装置可以是装置,也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备,也可以为非移动电子设备。示例性的,移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer, UMPC)、上网本或者个人数字助理(personaldigital assistant,PDA)等,非移动电子设备可以为服务器、网络附属存储器(NetworkAttached Storage,NAS)、个人计算机(personal computer,PC)、电视机(television,TV)、柜员机或者自助机等,本申请实施例不作具体限定。
本申请实施例中的显示装置可以为具有操作系统的装置。该操作系统可以为安卓(Android)操作系统,可以为ios操作系统,还可以为其他可能的操作系统,本申请实施例不作具体限定。
本申请实施例提供的显示装置能够实现图1至图4的方法实施例实现的各个过程,为避免重复,这里不再赘述。
图6示出了本申请实施例提供的电子设备的硬件结构示意图。
可选地,如图6所示,本申请实施例还提供一种电子设备600,包括处理器601,存储器602,存储在存储器602上并可在所述处理器601上运行的程序或指令,该程序或指令被处理器601执行时实现上述显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
需要说明的是,本申请实施例中的电子设备包括上述所述的移动电子设备和非移动电子设备。
图7为实现本申请实施例的一种电子设备的硬件结构示意图。
该电子设备700包括但不限于:射频单元701、网络模块702、音频输出单元703、输入单元704、传感器705、显示单元706、用户输入单元707、接口单元708、存储器709、以及处理器710等部件。
本领域技术人员可以理解,电子设备700还可以包括给各个部件供电的电源(比如电池),电源可以通过电源管理系统与处理器110逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。图7中示出的电子设备结构并不构成对电子设备的限定,电子设备可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置,在此不再赘述。
其中,用户输入单元707用于接收对显示在屏幕上的第一内容的第一输入;
处理器710,用于响应于所述第一输入,根据预设模型确定屏幕上的显示内容的第一运动形态参数,所述预设模型用于模拟对象与液面接触时相互作用的运动形态,所述显示内容至少包括所述第一内容;以及
根据第一运动形态参数,动态显示所述显示内容。
在本申请实施例中,通过接收对显示在屏幕上的第一内容的第一输入;能够根据预设模型确定屏幕上的显示内容的第一运动形态参数,然后根据第一运动形态参数,动态显示所述显示内容,进而显示的该显示内容能够呈现出对象与液面接触时相互作用的运动形态的动态效果,使得用户与电子设备屏幕的交互画面更为生动,提升用户操作体验。
可选地,第一内容为第一应用页面,显示内容还包括设置在桌面上的桌面内容。处理器710还用于:
响应于第一输入,将所述第一应用页面确定为所述预设模型中的所述对象,以及将所述桌面内容确定为所述预设模型中的所述液面;以及
根据预设模型确定所述第一应用页面的运动形态参数和所述桌面内容的运行形态参数;
将第一应用页面的运动形态参数和所述桌面内容的运动形态参数,确定为所述第一运动形态参数。
在接收用户滑动输入退出应用页面的场景中,通过使第一页面应用与桌面内容产生相对的运动形态,模拟出对象落入液面的一系列运行形态,使得用户在退出应用页面的操作中,通过显示内容的形态变化,呈现生动、流畅的动效,提升用户操作体验。
可选地,第一输入为滑动输入,处理器710,还用于:
确定所述第一输入对应的滑动速度和滑动方向;
根据滑动速度和所述滑动方向以及所述预设模型,确定第一内容的第一运动形态参数;
根据所述第一运动形态参数,确定第一内容的第一显示样式;
根据所述第一显示样式显示所述第一内容,并将第一内容沿着所述滑动方向移动。
本申请实施例的电子设备还可以应用于界面中列表排序、桌面图标位置移动的场景,可以通过使显示内容形变来模拟对象在水面滑动的运行形态,例如通过显示内容的图像前端进行一定角度的扭曲形变和阴影,呈现前端上翘的动效,而且可以根据滑动速度的增大,增加扭曲形变的角度,以提高模拟动效的生动性。
应理解的是,本申请实施例中,输入单元704可以包括图形处理器 (GraphicsProcessing Unit,GPU)7041和麦克风7042,图形处理器7041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。显示单元706可包括显示面板7061,可以采用液晶显示器、有机发光二极管等形式来配置显示面板7061。用户输入单元707 包括触控面板7071以及其他输入设备7072。触控面板7071,也称为触摸屏。触控面板7071可包括触摸检测装置和触摸控制器两个部分。其他输入设备 7072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆,在此不再赘述。存储器709可用于存储软件程序以及各种数据,包括但不限于应用程序和操作系统。处理器710可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器710中。
本申请实施例还提供一种可读存储介质,所述可读存储介质上存储有程序或指令,该程序或指令被处理器执行时实现上述显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
其中,所述处理器为上述实施例中所述的电子设备中的处理器。所述可读存储介质,包括计算机可读存储介质,如计算机只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等。
本申请实施例另提供了一种芯片,所述芯片包括处理器和通信接口,所述通信接口和所述处理器耦合,所述处理器用于运行程序或指令,实现上述显示方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
应理解,本申请实施例提到的芯片还可以称为系统级芯片、系统芯片、芯片系统或片上系统芯片等。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外,需要指出的是,本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能,还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能,例如,可以按不同于所描述的次序来执行所描述的方法,并且还可以添加、省去、或组合各种步骤。另外,参照某些示例所描述的特征可在其他示例中被组合。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以计算机软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘) 中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述,但是本申请并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本申请的启示下,在不脱离本申请宗旨和权利要求所保护的范围情况下,还可做出很多形式,均属于本申请的保护之内。
Claims (8)
1.一种显示方法,其特征在于,所述方法包括:
接收对显示在屏幕上的第一内容的第一输入,所述第一内容为第一应用页面;
响应于所述第一输入,将所述第一应用页面确定为预设模型中的对象,以及将桌面内容确定为所述预设模型中的液面,所述预设模型用于模拟对象与液面接触时相互作用的运动形态;
根据所述预设模型,确定所述第一应用页面的第一缩小形态参数;所述第一缩小形态参数包括对应页面缩小的第一速度和第一尺寸;
根据所述预设模型和对应桌面内容在桌面的位置,确定对应第一图标在第一时长内的放大形态参数、对应第二内容的第二缩小形态参数以及对应第一图标在第二时长内的交替缩放形态参数,所述放大形态参数包括对应第一图标放大的第二速度和第二尺寸,所述第二缩小形态参数包括对应第二内容缩小的第三尺寸,所述交替缩放形态参数包括对应第一图标交替缩放的幅度和频率,所述桌面内容包括第一图标和第二内容,所述第一图标为所述第一应用页面对应的应用图标;
将所述第一缩小形态参数、所述放大形态参数、所述第二缩小形态参数以及所述交替缩放形态参数,确定为第一运动形态参数;
根据所述第一运动形态参数,动态显示所述第一应用页面、所述第一图标以及所述第二内容。
2.根据权利要求1所述的方法,其特征在于,所述根据所述第一运动形态参数,动态显示所述第一应用页面、所述第一图标以及所述第二内容,包括:
根据所述第一速度缩小显示所述第一应用页面,并且所述第一速度持续增大,直至所述第一应用页面缩小至所述第一尺寸;
在所述第一应用页面缩小的同时,根据所述第二速度放大显示所述第二内容;
所述第一应用页面缩小至所述第一尺寸后隐藏,且在所述第一应用页面隐藏的情况下,在所述桌面显示所述第一图标;
在显示所述第一图标的第一时长内,第一图标放大至所述第二尺寸,且所述第二内容缩小至所述第三尺寸;
在所述第一图标放大至第二尺寸的情况下,在第二时长内根据所述交替缩放的幅度和频率,显示交替放大和缩小的第一图标。
3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
接收对显示在屏幕上的第三内容的第二输入,所述第二输入为滑动输入,
确定所述第二输入对应的滑动速度和滑动方向;
根据所述滑动速度和所述滑动方向以及所述预设模型,确定所述第三内容的第二运动形态参数;
根据所述第二运动形态参数,确定所述第三内容的第一显示样式;
根据所述第一显示样式显示所述第三内容,并将所述第三内容沿着所述滑动方向移动。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
根据所述滑动速度和所述滑动方向以及所述预设模型,确定第四内容的第二运动形态参数,所述第四内容的显示样式为第二显示样式;
在所述将所述第三内容沿着所述滑动方向移动之后,所述方法包括:
在所述第三内容移动至所述第四内容的情况下,根据所述第二运动形态参数,将所述第三内容从第一显示样式变化为第三显示样式,并且所述第四内容从所述第二显示样式变化为第四显示样式;
在所述第三内容经过所述第四内容之后,所述第三内容恢复为所述第一显示样式,所述第四内容恢复为所述第二显示样式。
5.根据权利要求3所述的方法,其特征在于,在所述将所述第三内容沿着所述滑动方向移动之后,所述方法包括:
在所述第三内容中止移动且未移动到目标位置的情况下,所述第三内容向初始位置移动,所述初始位置为第三内容未沿着所述滑动方向移动之前所在的位置;
第三内容返回初始位置的第三时长内,根据所述第二运动形态参数,动态显示交替放大和缩小的所述第三内容。
6.一种显示装置,其特征在于,所述装置包括:
第一接收模块,用于接收对显示在屏幕上的第一内容的第一输入,所述第一内容为第一应用页面;
第一确定子模块,用于响应于所述第一输入,将所述第一应用页面确定为预设模型中的对象,以及将桌面内容确定为所述预设模型中的液面,所述预设模型用于模拟对象与液面接触时相互作用的运动形态;
第二确定子模块,用于根据所述预设模型,确定所述第一应用页面的第一缩小形态参数;所述第一缩小形态参数包括对应页面缩小的第一速度和第一尺寸;
根据所述预设模型和对应桌面内容在桌面的位置,确定对应第一图标在第一时长内的放大形态参数、对应第二内容的第二缩小形态参数以及对应第一图标在第二时长内的交替缩放形态参数,所述放大形态参数包括对应第一图标放大的第二速度和第二尺寸,所述第二缩小形态参数包括对应第二内容缩小的第三尺寸,所述交替缩放形态参数包括对应第一图标交替缩放的幅度和频率,所述桌面内容包括第一图标和第二内容,所述第一图标为所述第一应用页面对应的应用图标;
第三确定子模块,用于将所述第一缩小形态参数、所述放大形态参数、所述第二缩小形态参数以及所述交替缩放形态参数,确定为第一运动形态参数;
显示模块,用于根据所述第一运动形态参数,动态显示所述第一应用页面、所述第一图标以及所述第二内容。
7.一种电子设备,其特征在于,包括处理器,存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如权利要求1-5任一项所述的显示方法的步骤。
8.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如权利要求1-5任一项所述的显示方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111275984.0A CN114138141B (zh) | 2021-10-29 | 2021-10-29 | 显示方法、装置和电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111275984.0A CN114138141B (zh) | 2021-10-29 | 2021-10-29 | 显示方法、装置和电子设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114138141A CN114138141A (zh) | 2022-03-04 |
CN114138141B true CN114138141B (zh) | 2025-01-07 |
Family
ID=80396264
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111275984.0A Active CN114138141B (zh) | 2021-10-29 | 2021-10-29 | 显示方法、装置和电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114138141B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114911406B (zh) * | 2022-06-01 | 2023-10-17 | 北京字节跳动网络技术有限公司 | 一种动效生成方法、装置、介质及设备 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107019915A (zh) * | 2016-02-01 | 2017-08-08 | 腾讯科技(深圳)有限公司 | 一种确定移动轨迹的方法、用户设备及系统 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2011031492A1 (en) * | 2009-08-25 | 2011-03-17 | Google Inc. | Direct manipulation gestures |
US20110163944A1 (en) * | 2010-01-05 | 2011-07-07 | Apple Inc. | Intuitive, gesture-based communications with physics metaphors |
CN106802751A (zh) * | 2016-11-30 | 2017-06-06 | 努比亚技术有限公司 | 一种终端和屏幕显示方法 |
-
2021
- 2021-10-29 CN CN202111275984.0A patent/CN114138141B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107019915A (zh) * | 2016-02-01 | 2017-08-08 | 腾讯科技(深圳)有限公司 | 一种确定移动轨迹的方法、用户设备及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN114138141A (zh) | 2022-03-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP6960513B2 (ja) | クリエイティブカメラ | |
US12099692B2 (en) | Devices, methods, and graphical user interfaces for system-wide behavior for 3D models | |
US11079929B2 (en) | Devices, methods, and graphical user interfaces for navigating between user interfaces, displaying a dock, and displaying system user interface elements | |
US20240345694A1 (en) | Device, Method, and Graphical User Interface for Manipulating Application Window | |
US11112956B2 (en) | Device, method, and graphical user interface for switching between camera interfaces | |
US11188220B2 (en) | Devices, methods, and graphical user interfaces for navigating between user interfaces and displaying a dock | |
US11941764B2 (en) | Systems, methods, and graphical user interfaces for adding effects in augmented reality environments | |
KR102025291B1 (ko) | 카메라 효과를 위한 사용자 인터페이스 | |
US11797150B2 (en) | Devices, methods, and graphical user interfaces for navigating between user interfaces, displaying a dock, and displaying system user interface elements | |
CN110096186B (zh) | 用于调节控件的外观的设备、方法和图形用户界面 | |
CN108353126A (zh) | 用于多个相机的数字取景器用户界面 | |
US12112015B2 (en) | Devices, methods, and graphical user interfaces for navigating between user interfaces, displaying a dock, and displaying system user interface elements | |
AU2019101021A4 (en) | Devices, methods, and graphical user interfaces for system-wide behavior for 3D models | |
AU2019212150B2 (en) | Devices, methods, and graphical user interfaces for system-wide behavior for 3D models | |
CN114138141B (zh) | 显示方法、装置和电子设备 | |
KR20250009560A (ko) | 다중 참가자 라이브 통신 사용자 인터페이스 | |
KR102770239B1 (ko) | 크리에이티브 카메라 | |
JP7285291B2 (ja) | クリエイティブカメラ | |
KR20210129250A (ko) | 크리에이티브 카메라 |
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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |