CN106843648A - 界面元素的滑动控制方法、界面显示方法及装置 - Google Patents
界面元素的滑动控制方法、界面显示方法及装置 Download PDFInfo
- Publication number
- CN106843648A CN106843648A CN201710022607.3A CN201710022607A CN106843648A CN 106843648 A CN106843648 A CN 106843648A CN 201710022607 A CN201710022607 A CN 201710022607A CN 106843648 A CN106843648 A CN 106843648A
- Authority
- CN
- China
- Prior art keywords
- interface
- dynamic effect
- interface element
- displaying
- effect
- 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
- 238000000034 method Methods 0.000 title claims abstract description 92
- 230000000694 effects Effects 0.000 claims abstract description 366
- 230000004044 response Effects 0.000 claims abstract description 27
- 238000012800 visualization Methods 0.000 claims description 20
- 230000009471 action Effects 0.000 description 72
- XLYOFNOQVPJJNP-UHFFFAOYSA-N water Substances O XLYOFNOQVPJJNP-UHFFFAOYSA-N 0.000 description 30
- 230000000007 visual effect Effects 0.000 description 28
- 238000010586 diagram Methods 0.000 description 22
- 230000008859 change Effects 0.000 description 21
- 230000008569 process Effects 0.000 description 20
- 230000010355 oscillation Effects 0.000 description 19
- 238000013016 damping Methods 0.000 description 16
- 230000006399 behavior Effects 0.000 description 15
- 230000006870 function Effects 0.000 description 10
- 238000004590 computer program Methods 0.000 description 9
- 238000004891 communication Methods 0.000 description 8
- 230000009286 beneficial effect Effects 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 241000287828 Gallus gallus Species 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000001737 promoting effect Effects 0.000 description 3
- 238000004458 analytical method Methods 0.000 description 2
- 238000006243 chemical reaction Methods 0.000 description 2
- 230000008602 contraction Effects 0.000 description 2
- 230000007423 decrease Effects 0.000 description 2
- 230000006872 improvement Effects 0.000 description 2
- 230000032297 kinesis Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000002829 reductive effect Effects 0.000 description 2
- 241000533950 Leucojum Species 0.000 description 1
- 238000013459 approach Methods 0.000 description 1
- 230000002238 attenuated effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000004069 differentiation Effects 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000000670 limiting effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 239000007858 starting material Substances 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
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
-
- 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
-
- 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/04883—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 for inputting data by handwriting, e.g. gesture or text
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)
- Processing Or Creating Images (AREA)
Abstract
本申请实施例提供一种界面元素的滑动控制方法、界面显示方法及装置。界面元素的滑动控制方法包括:显示一界面,界面包含可滑动的第一界面元素;响应于对第一界面元素的滑动操作,在界面上,与滑动操作关联地显示动效。本申请实施例通过增加滑动操作的趣味性,提高用户对滑动操作的新鲜感,以增加用户执行滑动操作的次数,提高界面元素的曝光率。
Description
技术领域
本申请涉及互联网技术领域,尤其涉及一种界面元素的滑动控制方法、界面显示方法及装置。
背景技术
随着互联网技术的发展,基于互联网的应用越来越多。而互联网应用与触屏终端的结合,使得互联网应用从早期的键盘操作时代、控件操作时代进入滑动操作时代。
在大多互联网应用中,都需要在界面元素之间进行切换。基于滑动操作,用户只需轻轻滑动,即可完成界面元素之间的切换,这不仅可以提高屏幕利用率,而且有利于提高切换效率和用户使用体验度。
发明内容
为了进一步改善滑动技术,本申请发明人跟踪研究了大量支持滑动操作的应用。基于对大量支持滑动操作的应用的跟踪研究,首先发现:这些应用在滑动实现上比较类似,一般是:将多个待显示的界面元素排队,默认状态下界面上显示排在最前面的界面元素;当用户执行滑动操作时,当前显示的界面元素滑出界面,后面相邻的界面元素滑入界面。
另外,为了发现滑动技术的改善空间,本申请发明人还从不同维度对滑动操作的效果进行了分析。其中,一个维度是默认状态下显示的界面元素的用户流量或转化率;另一个维度是需要用户滑动才能显示的界面元素的用户流量或转化率;再一维度是用户发生的滑动次数;又一维度是用户使用体验度。进一步,综合这些维度的分析结果,发现:非必要滑动操作的次数在逐渐减少,导致后面需要滑动才能显示的界面元素的曝光率呈下降趋势;而且用户对滑动操作的体验度越来越差。
其中,导致上述问题的原因可能有多种,但本申请发明人对导致上述问题的原因进行了剖析,认定:在滑动操作出现初期,用户的新鲜感较强,这种新鲜感体现为用户频繁地进行滑动操作,后面界面元素的曝光率较高,用户对滑动操作的体验度较好;当滑动操作进入成熟期以后,即几乎所有应用都支持滑动操作时,用户对滑动操作的新鲜感逐渐消失,出现滑动疲态,这滑动疲态主要体现为用户一般只执行必要的滑动操作,非必要滑动操作的次数逐渐减少,导致后面需要滑动才能显示的界面元素的曝光率呈下降趋势。
针对上述认定的原因,本申请发明人提出:通过增加滑动操作的趣味性,重新提高用户对滑动操作的新鲜感,降低滑动操作的枯燥感,以增加滑动操作的次数,提高界面元素的曝光率。
基于上述分析,本申请实施例提供一种界面元素的滑动控制方法,包括:
显示一界面,所述界面包含可滑动的第一界面元素;
响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
在一可选实施方式中,所述动效的显示步骤,包括:在所述第一界面元素的周边,与所述滑动操作关联地显示所述动效。
在一可选实施方式中,所述动效的显示步骤,包括以下至少一种:
在所述第一界面元素所在区域的相邻区域,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的内边界,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的外边界,与所述滑动操作关联地显示所述动效;以及
在所述第一界面元素与其相邻界面元素的交界,与所述滑动操作关联地显示所述动效。
在一可选实施方式中,所述动效的显示步骤,还包括:响应于对所述第一界面元素的滑动操作,沿滑动方向移动所述第一界面元素;以及
接续于所述第一界面元素,将第二界面元素移入所述界面。
在一可选实施方式中,所述动效的显示步骤,还包括:响应于对所述第一界面元素的滑动操作,在所述界面上,以与所述滑动操作的速度成比例变化的可视化属性,显示所述动效。
在一可选实施方式中,所述动效为波动动效,其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
在一可选实施方式中,所述动效的显示步骤,还包括:在所述第一界面元素的边界上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效。
在一可选实施方式中,所述轮廓曲线的绘制步骤,包括:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合所述滑动操作的速度,确定所述轮廓曲线的水平偏移量;
根据垂直幅度初始值和所述轮廓曲线对应的周期数,结合所述波动动效的持续时间,确定所述轮廓曲线的垂直幅度值;
根据所述轮廓曲线的水平偏移量和垂直幅度值,在所述第一界面元素的边界上绘制所述轮廓曲线。
在一可选实施方式中,所述轮廓曲线的绘制步骤,还包括:
根据所述轮廓曲线的水平偏移量和垂直幅度值,确定所述轮廓曲线在所述第一界面元素的边界上的像素点;
连接所述像素点,以形成所述轮廓曲线;
闭合所述轮廓曲线;
填充所述闭合后的轮廓曲线。
在一可选实施方式中,所述轮廓曲线为正弦曲线/余弦曲线;其中,
所述轮廓曲线的水平偏移量的确定步骤,包括:
offsetX=offsetX0+(i-1)*speed_hua;
所述轮廓曲线的垂直幅度值的确定步骤,包括:
A=A0*(1-(i-1)/(60*duration_hua));
其中,offsetX表示所述轮廓曲线的水平偏移量;
offsetX0表示所述水平偏移初始值;
speed_hua表示所述滑动操作的速度;
i表示所述轮廓曲线对应的周期数;
A表示所述轮廓曲线的垂直幅度值;
A0表示所述垂直幅度初始值;
duration_hua表示所述波动动效的持续时间。
在一可选实施方式中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
相应地,本申请实施例还提供一种界面显示方法,包括:
显示一界面的入口;
响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
在一可选实施方式中,所述动效以及所述界面元素的显示步骤,包括:
在所述界面的边界、顶部区域、底部区域或中间区域,显示所述动效以及所述界面元素。
在一可选实施方式中,所述动效和/或所述界面元素的显示步骤,还包括:在所述界面上,以预设规律变化的可视化属性,显示所述动效和/或所述界面元素。
在一可选实施方式中,所述动效为波动动效;其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
在一可选实施方式中,所述动效以及所述界面元素的显示步骤,还包括:
在所述界面上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效;以及
在绘制所述轮廓曲线的过程中,根据所述界面元素与所述波动动效之间的相对位置,动态调整所述界面元素的位置。
在一可选实施方式中,所述轮廓曲线的绘制步骤,包括:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合预设水平偏移步长,确定所述轮廓曲线的水平偏移量;
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,在所述界面上绘制所述轮廓曲线。
在一可选实施方式中,所述轮廓曲线的绘制步骤,还包括:
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,确定所述轮廓曲线在所述界面上的像素点;
连接所述像素点,以形成所述轮廓曲线;
闭合所述轮廓曲线;
填充所述闭合后的轮廓曲线。
在一可选实施方式中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
在一可选实施方式中,所述界面为用户详情界面;所述界面元素为用户头像图标。
本申请又一实施例提供一种界面元素的滑动控制装置,包括:
界面显示单元,用于显示一界面,所述界面包含可滑动的第一界面元素;
动效显示单元,用于响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
在一可选实施方式中,动效显示单元具体用于:在所述第一界面元素的周边,与所述滑动操作关联地显示所述动效。
在一可选实施方式中,动效显示单元具体用于执行以下至少一种显示操作:
在所述第一界面元素所在区域的相邻区域,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的内边界,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的外边界,与所述滑动操作关联地显示所述动效;以及
在所述第一界面元素与其相邻界面元素的交界,与所述滑动操作关联地显示所述动效。
在一可选实施方式中,所述动效显示单元还用于:响应于对所述第一界面元素的滑动操作,沿滑动方向移动所述第一界面元素;以及
接续于所述第一界面元素,将第二界面元素移入所述界面。
在一可选实施方式中,所述动效显示单元还用于:响应于对所述第一界面元素的滑动操作,在所述界面上,以与所述滑动操作的速度成比例变化的可视化属性,显示所述动效。
在一可选实施方式中,所述动效为波动动效,其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
在一可选实施方式中,所述动效显示单元还用于:在所述第一界面元素的边界上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效。
在一可选实施方式中,所述动效显示单元具体用于:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合所述滑动操作的速度,确定所述轮廓曲线的水平偏移量;
根据垂直幅度初始值和所述轮廓曲线对应的周期数,结合所述波动动效的持续时间,确定所述轮廓曲线的垂直幅度值;
根据所述轮廓曲线的水平偏移量和垂直幅度值,在所述第一界面元素的边界上绘制所述轮廓曲线。
在一可选实施方式中,所述动效显示单元具体用于:
根据所述轮廓曲线的水平偏移量和垂直幅度值,确定所述轮廓曲线在所述第一界面元素的边界上的像素点;
连接所述像素点,以形成所述轮廓曲线;
闭合所述轮廓曲线;
填充所述闭合后的轮廓曲线。
在一可选实施方式中,所述轮廓曲线为正弦曲线/余弦曲线;其中,
所述动效显示单元具体用于根据公式offsetX=offsetX0+(i-1)*speed_hua,确定所述轮廓曲线的水平偏移量;
所述动效显示单元具体用于根据公式A=A0*(1-(i-1)/(60*duration_hua)),确定所述轮廓曲线的垂直幅度值;
其中,offsetX表示所述轮廓曲线的水平偏移量;
offsetX0表示所述水平偏移初始值;
speed_hua表示所述滑动操作的速度;
i表示所述轮廓曲线对应的周期数;
A表示所述轮廓曲线的垂直幅度值;
A0表示所述垂直幅度初始值;
duration_hua表示所述波动动效的持续时间。
在一可选实施方式中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
本申请实施还提供一种电子设备,所述电子设备包括显示器、处理器和存储器,所述存储器用于存储上述界面元素的滑动控制装置执行上述界面元素的滑动控制方法的程序,所述处理器被配置为用于执行所述存储器中存储的程序,所述显示器被配置为显示所述处理器输出的内容。所述电子设备还可以包括通信接口,用于电子设备与其他设备或通信网络通信。
本申请实施例还提供一种计算机存储介质,用于储存上述界面元素的滑动控制装置所用的计算机软件指令,其包含用于执行上述界面元素的滑动控制方法为上述界面元素的滑动控制装置所涉及的程序。
本申请又一实施例提供一种界面显示装置,包括:
入口显示单元,用于显示一界面入口;
动效显示单元,用于响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
在一可选实施方式中,所述动效显示单元具体用于:
在所述界面的边界、顶部区域、底部区域或中间区域,显示所述动效以及所述界面元素。
在一可选实施方式中,所述动效显示单元还用于:在所述界面上,以预设规律变化的可视化属性,显示所述动效和/或所述界面元素。
在一可选实施方式中,所述动效为波动动效;其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
在一可选实施方式中,所述动效显示单元还用于:
在所述界面上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效;以及
在绘制所述轮廓曲线的过程中,根据所述界面元素与所述波动动效之间的相对位置,动态调整所述界面元素的位置。
在一可选实施方式中,所述动效显示单元具体用于:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合预设水平偏移步长,确定所述轮廓曲线的水平偏移量;
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,在所述界面上绘制所述轮廓曲线。
在一可选实施方式中,所述动效显示单元具体用于:
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,确定所述轮廓曲线在所述界面上的像素点;
连接所述像素点,以形成所述轮廓曲线;
闭合所述轮廓曲线;
填充所述闭合后的轮廓曲线。
在一可选实施方式中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
在一可选实施方式中,所述界面为用户详情界面;所述界面元素为用户头像图标。
本申请实施还提供一种电子设备,所述电子设备包括显示器、处理器和存储器,所述存储器用于存储上述界面显示装置执行上述界面显示方法的程序,所述处理器被配置为用于执行所述存储器中存储的程序,所述显示器被配置为显示所述处理器输出的内容。所述电子设备还可以包括通信接口,用于电子设备与其他设备或通信网络通信。
本申请实施例还提供一种计算机存储介质,用于储存上述界面显示装置所用的计算机软件指令,其包含用于执行上述界面显示方法为上述界面显示装置所涉及的程序。
在本申请实施例中,响应于对第一界面元素的滑动操作,在界面上,与滑动操作关联的显示动效,增加了滑动操作的趣味性,有利于提高用户对滑动操作的新鲜感,可增加用户执行滑动操作的次数,提高后续界面元素的曝光率。
附图说明
此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:
图1为本申请一实施例提供的界面元素的滑动控制方法的流程示意图;
图2为本申请另一实施例提供的外卖应用的界面示意图;
图3a为本申请又一实施例提供的水波纹动效的一种轮廓曲线的示意图;
图3b为本申请又一实施例提供的心电图动效的一种轮廓曲线的示意图;
图3c为本申请又一实施例提供的弹簧动效的一种轮廓曲线的示意图;
图3d为本申请又一实施例提供的振荡衰减动效的一种轮廓曲线的示意图;
图4a-图4c为本申请又一实施例提供的以外卖类应用为例演示滑动动效的界面示意图;
图4d为本申请又一实施例提供的界面元素的滑动控制方法的流程示意图;
图5为本申请又一实施例提供的水平偏移不同的余弦或正弦曲线的示意图;
图6为本申请又一实施例提供的界面显示方法的流程示意图;
图7a-7c为本申请又一实施例提供的用户头像图标漂浮于水波纹动效上的示意图;
图8为本申请又一实施例提供的界面元素的滑动控制装置的结构示意图;
图9为本申请又一实施例提供的界面显示装置的结构示意图。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚,下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然,所描述的实施例仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
图1为本申请一实施例提供的界面元素的滑动控制方法的流程示意图。如图1所示,所述方法包括:
101、显示一界面,所述界面包含可滑动的第一界面元素。
102、响应于对第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
本实施例提供的方法可应用于任何支持滑动操作的应用,例如电子商务类应用、游戏类应用、即时通讯类应用等等。这些应用提供界面,用于展示应用相关的界面元素,同时也是用户与应用进行交互的通道。所述界面可以是应用启动时的首界面,也可以是应用使用过程中的界面。另外,根据应用的不同,界面的实现形式以及界面元素的实现形式都会有所不同,本实施例对此不做限定。
在本实施例中,界面上显示有第一界面元素,第一界面元素支持滑动操作,即用户可滑动第一界面元素。如果用户滑动第一界面元素,第一界面元素可沿滑动方向移动,例如可以向上移动或向下移动或滑出所述界面等。
在本实施例中,为了增加滑动操作的趣味性,提高用户对滑动操作的新鲜感,将动效与滑动操作相关联。当用户滑动第一界面元素时,可捕捉到针对第一界面元素的滑动操作,响应于该滑动操作,可在界面上,与滑动操作关联地显示动效。
在本实施例中,将动效与滑动操作相关联,有利于提高用户对滑动操作的新鲜感,从用户角度来看,为了体验动效,可能会多次执行滑动操作,增加了滑动操作的次数;进一步,从界面角度来说,为了保证或提高界面的利用率,一个界面元素因滑动而空出的界面区域势必有另一个界面元素补入,提高了界面元素的曝光率。
在上述实施例或下述实施例中,在与滑动操作关联地显示动效的实现过程中,可涉及但不限于以下至少一方面的内容:动效的显示位置、动效的行为、动效的基本样式、动效的实现手段、动效的应用等。其中,“与滑动操作关联地显示动效”可单独涉及某一方面的内容,也可以以任意组合方式涉及多方面的内容。下面将针对每一方面单独进行说明:
动效的显示位置:原则上,动效只需显示于产生滑动操作的界面上即可,对动效在所述界面上的具体显示位置可不做限定。当然,在本申请上述实施例或下述实施例中,也可以通过进一步限定动效在界面上的显示位置,以发挥动效带来的有益效果。
可选地,在本申请上述实施例或下述实施例中,与滑动操作关联地显示动效的步骤,可以为:在第一界面元素的周边,与滑动操作关联地显示动效。第一界面元素的周边可以是界面上距离第一界面元素一定范围内的区域。所述一定范围可以根据应用场景、应用需求以及终端屏幕等因素而适应性设置。
举例说明,所述第一界面元素的周边可以包括但不限于以下至少一种:第一界面元素所在区域的相邻区域、第一界面元素的内边界、第一界面元素的外边界、第一界面元素与其相邻界面元素的交界等。
例如,在一应用实例中,界面被划分为不同的区域,不同区域展示不同的界面元素。界面上某一区域展示第一界面元素,则可响应于对第一界面元素的滑动操作,在第一界面元素所在区域的相邻区域内,与滑动操作关联地显示动效。参考图2,图2所示为某一外卖应用的界面,该界面从上往下依次包括顶部区域(图2中的黑色区域)、类目导航区域、头条区域、新年特惠区域等。在图2中,第一界面元素为“火锅节宣传图片”,展示于界面的顶部区域;类目导航区域为第一界面元素所在区域的相邻区域,当用户滑动“火锅节宣传图片”时,可在类目导航区域显示动效,以提高滑动操作的趣味性。
又例如,在一应用实例中,可响应于对第一界面元素的滑动操作,在第一界面元素的内边界,与滑动操作关联地显示动效。继续参考图2,当用户滑动“火锅节宣传图片”时,可在黑色分界线内侧显示动效,以提高滑动操作的趣味性。进一步可选地,可以在第一界面元素顶部黑色分界线的内侧显示动效;或者,可以在第一界面元素底部黑色分界线的内侧显示动效;或者,可以在第一界面元素左侧黑色分界线的内侧显示动效;或者,可以在第一界面元素右侧黑色分界线的内侧显示动效。
又例如,在一应用实例中,可响应于对第一界面元素的滑动操作,在第一界面元素的外边界,与滑动操作关联地显示动效。继续参考图2,当用户滑动“火锅节宣传图片”时,可在黑色分界线外侧显示动效,以提高滑动操作的趣味性。值得说明的是,在图2中,第一界面元素顶部、左侧以及右侧黑色分界线的外侧均超出界面范围,故优选在第一界面元素底部黑色分界线的外侧显示动效,底部黑色分界线的外侧实际上是类目导航区域的范围。
又例如,在一应用实例中,可响应于对第一界面元素的滑动操作,在第一界面元素与其相邻界面元素的交界,与滑动操作关联地显示动效。继续参考图2,假设第一界面元素为“每日1元”,则当用户滑动“每日1元”时,可在“每日1元”与“新年特惠”,“每日1元”与“起司家”,“每日1元”与“小资最爱”,以及“每日1元”与“外卖头条”等交界中的至少一个交界处显示动效,以提高滑动操作的趣味性。
其中,在用户滑动的第一界面元素的周边显示动效,动效距离第一界面元素相对较近,便于用户关注到动效,有利于突出动效带来的有效效果。
当然,除了在第一界面元素的周边显示动效之外,还可以在界面上的其它位置显示动效。
动效的行为:原则上,动效可以是具有任何行为的动态内容,对动效的具体行为可不做限定。当然,在本申请上述实施例或下述实施例中,也可以通过进一步限定动效的行为,以发挥动效带来的有益效果。
可选地,在本申请上述实施例或下述实施例中,与滑动操作关联地显示动效的步骤,可以为:响应于对第一界面元素的滑动操作,在界面上,以与滑动操作的速度成比例变化的可视化属性,显示动效。简单来说,动效的行为主要通过动效的可视化属性来体现,具体为:动效的可视化属性,与滑动操作的速度成比例的变化。这里的可视化属性是指用户能够直观看到的属性,例如可以是动效的颜色、持续时间、幅度、频率、轨迹等。其中,不同动效的可视化属性也会有所不同。
在一应用实例中,动效的可视化属性包括颜色,则动效的颜色可以与滑动操作的速度成比例的变化。例如,动效的颜色可以从暗到亮变化,则滑动操作的速度越快,动效的颜色从暗到亮的变化越快;相反的,滑动操作的速度越慢,动效的颜色从暗到亮的变化也就越慢。又例如,动效的颜色可以按照设定的颜色顺序变换,则滑动操作的速度越快,动效的颜色按照设定的颜色顺序变换的速度越快;相反,滑动操作的速度越慢,动效的颜色按照设定的颜色顺序变换的速度越慢。
在另一应用实例中,动效的可视化属性包括持续时间,则动效的持续时间可以与滑动操作的速度成比例的变化。例如,滑动操作的速度越快,动效的持续时间越长;相反,滑动操作的速度越慢,动效的持续时间越短。或者,滑动操作的速度越慢,动效的持续时间越长;相反,滑动操作的速度越快,动效的持续时间越短。
在又一应用实例中,动效的可视化属性包括幅度,则动效的幅度可以与滑动操作的速度成比例的变化。例如,滑动操作的速度越快,动效的幅度衰减越快;相反,滑动操作的速度越慢,动效的幅度衰减越慢。或者,滑动操作的速度越快,动效的幅度衰减越慢;相反,滑动操作的速度越慢,动效的幅度衰减越快。
在又一应用实例中,动效的可视化属性包括频率,则动效的频率可以与滑动操作的速度成比例的变化。例如,滑动操作的速度越快,动效的频率越快;相反,滑动操作的速度越慢,动效的频率越慢。或者,滑动操作的速度越慢,动效的频率越快;相反,滑动操作的速度越快,动效的频率越慢。
其中,通过动效的可视化属性体现动效的行为,更加直观,便于用户关注到动效,而与滑动操作的速度成比例变化,可以进一步增加用户对滑动操作的兴趣度,可刺激用户尝试不同速度的滑动操作,以进一步发挥动效带来的有益效果。
动效的基本样式:原则上,动效可以是具有任何行为的动态内容,对其样式可不做限定。当然,在本申请上述实施例或下述实施例中,也可以通过进一步限定动效的基本样式,以发挥动效带来的有益效果。
可选地,在本申请上述实施例或下述实施例中,与滑动操作关联显示的动效可以是波动动效。进一步,所述波动动效可以包括:水波纹动效、心电图动效、弹簧动效、以及振荡衰减动效中的至少一种。
水波纹动效是指在界面上实现的类似水波波动的动效。其中,水波纹动效是一个动态变化的过程,不便于图示。为便于理解,图3a示出水波纹动效的一种轮廓曲线。值得说明的是,图3a所示轮廓曲线仅为一种示例,并不限于此。其中,根据水波纹动效的幅度、波动频率等不同,水波纹动效的轮廓曲线也会有所不同。
心电图动效是指在界面上实现的类似心脏产生的电活动变化的动效。其中,心电图动效是一个动态变化的过程,不便于图示。为便于理解,图3b示出心电图动效的一种轮廓曲线。值得说明的是,图3b所示轮廓曲线仅为一种示例,并不限于此。其中,根据心电图动效的波动频率等不同,心电图动效的轮廓曲线也会有所不同。
弹簧动效是指在界面上实现的类似弹簧收缩/伸张变化的动效。其中,弹簧动效是一个动态变化的过程,不便于图示。为便于理解,图3c示出弹簧动效的一种轮廓曲线。值得说明的是,图3c所示轮廓曲线仅为一种示例,并不限于此。其中,根据弹簧动效的收缩/伸张频率等不同,弹簧动效的轮廓曲线也会有所不同。
振荡衰减动效是指在界面上实现的类似物体振荡衰减变化的动效。其中,振荡衰减动效是一个动态变化的过程,不便于图示。为便于理解,图3d示出振荡衰减动效的一种轮廓曲线。值得说明的是,图3d所示轮廓曲线仅为一种示例,并不限于此。其中,根据振荡衰减动效的幅度、衰减速度等不同,振荡衰减动效的轮廓曲线也会有所不同。
当然,除了上述波动动效之外,与滑动操作关联显示的动效还可以是其它样式,例如跳动的球球、从大到小渐变的图像、飘落的雪花、闪动的图标等等。
值得说明的是,动效的基本样式与动效的行为可以相互结合。不同样式的动效,具有不同的可视化属性,从而实现不同的动态效果。例如,以波动动效为例,波动动效的可视化属性可以包括幅度、频率、颜色、持续时间等中的至少一种。这里的频率主要是指波动频率。
在一应用实例中,波动动效的可视化属性包括幅度和波动频率,则动效的波动幅度和波动频率均可以与滑动操作的速度成比例的变化。例如,滑动操作的速度越快,波动动效的幅度衰减越快,波动动效的波动频率越快;相反,滑动操作的速度越慢,波动动效的幅度衰减越慢,波动动效的波动频率越慢。
在另一应用实例中,波动动效的可视化属性包括幅度、波动频率以及持续时间,则动效的波动幅度、波动频率以及持续时间均可以与滑动操作的速度成比例的变化。例如,滑动操作的速度越快,波动动效的幅度衰减越快,波动动效的波动频率越快,波动动效的持续时间越短;相反,滑动操作的速度越慢,波动动效的幅度衰减越慢,波动动效的波动频率越慢,波动动效的持续时间越长。
动效的实现手段:原则上,本申请各实施例可以采用任何能够按照本申请实施例中动效的基本样式以及行为实现所述动效的技术手段。例如,可以采用视觉类创作工具,如Photoshop、After Effects等制作动效。又例如,可以采用前端设计方法,如CSS、JavaScript等制作动效。当然,也可以结合动效的基本样式以及行为,采用曲线绘制方式来实现。
在一应用实例中,可响应于对第一界面元素的滑动操作,在第一界面元素的边界(包括内边界和/或外边界)上显示波动动效。以此为例,与滑动操作关联地显示动效的步骤,可以为:在第一界面元素的边界上,周期性地绘制波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成波动动效。
在一种实现方式中,可基于滑动操作的速度确定水平偏移步长,不同周期绘制的轮廓曲线的水平偏移量可按照所述水平偏移步长增长。可选地,可以直接将滑动操作的速度转换为水平偏移步长。另外,可基于波动动效的持续时间确定波动动效的幅度衰减速度,不同周期绘制的轮廓曲线的垂直幅度值可按照所述幅度衰减速度进行衰减。可选地,可以取波动动效的持续时间的倒数作为幅度衰减速度。
基于上述原理,水平偏移量不同的轮廓曲线的绘制步骤,可以为:根据水平偏移初始值和轮廓曲线对应的周期数,结合滑动操作的速度,确定轮廓曲线的水平偏移量;根据垂直幅度初始值和轮廓曲线对应的周期数,结合波动动效的持续时间,确定轮廓曲线的垂直幅度值;根据轮廓曲线的水平偏移量和垂直幅度值,在第一界面元素的边界上绘制轮廓曲线。
进一步可选地,上述基于水平偏移量和垂直幅度值,在第一界面元素的边界上绘制轮廓曲线的步骤,可以为:根据轮廓曲线的水平偏移量和垂直幅度值,确定轮廓曲线在第一界面元素的边界上的像素点;连接所述像素点,以形成所述轮廓曲线;闭合所述轮廓曲线;填充所述闭合后的轮廓曲线。
在一可选实施方式中,波动动效为水波纹动效,相应的,波动动效的轮廓曲线为正弦曲线/余弦曲线。基于此,可分别根据下述公式(1)和(2)确定轮廓曲线的水平偏移量和垂直幅度值;
offsetX=offsetX0+(i-1)*speed_hua (1)
A=A0*(1-(i-1)/(60*duration_hua)) (2)
在上述公式(1)和(2)中,offsetX表示轮廓曲线的水平偏移量;offsetX0表示水平偏移初始值,可根据应用场景、应用需求以及动效样式等因素适应性设置;speed_hua表示滑动操作的速度;i表示轮廓曲线对应的周期数;A表示轮廓曲线的垂直幅度值;A0表示垂直幅度初始值,可根据应用场景、应用需求以及动效样式等因素适应性设置;duration_hua表示波动动效的持续时间,可根据应用场景、应用需求以及动效样式等因素适应性设置。
基于上述公式(1)和(2)计算出的水平偏移量和垂直幅度值,可采用下述公式(3)或(4),计算像素点的坐标。
y=A*cos(waveCount*π*x/waveWidth+offsetX*π/waveWidth)+offsetY0 (3)
y=A*sin(waveCount*π*x/waveWidth+offsetX*π/waveWidth)+offsetY0 (4)
在上述公式(3)和(4)中,waveWidth表示水波纹动效中一个波纹的宽度,可根据应用场景、应用需求以及动效样式等因素适应性设置;offsetY0表示垂直偏移量可根据应用场景、应用需求以及动效样式等因素适应性设置;x表示像素点的水平坐标值,其取值为[0,max],max的值可根据应用场景、应用需求以及动效样式等因素适应性设置;相应的,y表示像素点的垂直坐标值,其取值为[y(0),y(max)]。
动效的应用:本申请上述实施或下述实施例提供的动效与滑动操作相关联,原则上,可应用于任何支持滑动操作的应用,例如电子商务类应用、游戏类应用、即时通讯类应用等等。
在下述实施例中,以电子商务应用场景中的外卖类应用为例,结合外卖类应用的界面图示,详细说明本申请技术方案的操作流程。
参考图4a-图4c,一种界面元素的滑动控制方法如图4d所示,包括以下步骤:
401、显示一界面,所述界面包含可滑动的第一界面元素。
参考图4a,外卖类应用的首界面的顶部区域显示有第一界面元素,即“火锅节宣传图片”。
402、响应于对第一界面元素的滑动操作,沿滑动方向移动第一界面元素,接续于第一界面元素,将第二界面元素移入所述界面;以及在所述界面上,与滑动操作关联地显示动效。
参考图4b,当用户向界面左侧滑动“火锅节宣传图片”时,“火锅节宣传图片”向界面左侧移出,同时,“新年要常吃鸡宣传图片”从界面右侧移入界面。值得说明的是,在图4b中,在“火锅节宣传图片”和“新年要常吃鸡宣传图片”的底部已经出现水波纹动效,但并不限于此。
继续参考图4c,“火锅节宣传图片”完全移出界面,“新年要常吃鸡宣传图片”完全移入界面,且其底部出现水波纹动效。
在本实施例中,水波纹动效是通过余弦函数y=Acos(ωx+φ)+h或正弦函数y=Asin(ωx+φ)+h,周期性绘制水平偏移量不同的余弦曲线或正弦曲线形成的。具体可通过利用微分的思想,通过余弦函数或正弦函数求得很多很多的点的坐标,然后将这些点连成一条线,就可以得到一条余弦或正弦曲线。
在本实施例中,水波纹动效的波动频率与滑动速率成比例的改变,具体可通过滑动速率v来等比例修改φ值来实现。
在本实施例中,水波纹动效的幅度随着持续时间逐渐衰减,当持续时间结束时波动幅度逐渐趋0,具体可以通过每次绘制余弦或正弦曲线时,逐渐减小A值来实现。
在实现上,预先配置以下参数:
A0:水波纹的初始固定波峰,即垂直幅度初始值;
waveWidth:一个波纹的宽度;
offsetX0:X轴的初始偏移量,即水平偏移初始值;
offsetY0:Y轴的固定偏移量,即垂直偏移量;
duration_hua:总波动时长,即水波纹动效的持续时间。
当用户滑动“火锅节宣传图片”时,捕获滑动操作的速度,记为speed_hua;启动定时器,在每个计时周期到达时,根据公式(1)、(2)和(3)或公式(1)、(2)和(4),计算该周期内余弦或正弦曲线上像素点的坐标值,进而基于计算出的坐标值,绘制余弦或正弦曲线,形成视觉上的水波纹动效。其中,不同周期绘制的余弦或正弦曲线的水平偏移不同,一种示例如图5所示。
在外卖类应用中,响应于对界面上相应元素的滑动操作,在界面上,与滑动操作关联的显示动效,增加了滑动操作的趣味性,有利于提高用户对滑动操作的新鲜感,可增加用户执行滑动操作的次数,提高后续界面元素的曝光率。
图6为本申请又一实施例提供的界面显示方法的流程示意图。如图6所示,所述方法包括:
601、显示一界面的入口。
602、响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
本实施例提供的方法可应用于任何应用,例如电子商务类应用、游戏类应用、即时通讯类应用等等。这些应用提供界面,用于展示应用相关的界面元素。所述界面可以是应用启动时的首界面,也可以是应用使用过程中的界面。另外,这些应用还会提供进入界面的入口。例如,对应用的首界面来说,应用图标即可视为进入首界面的入口,用户点击应用图标启动应用,进而显示首界面。对应用的非首界面,上一界面(如首界面)上的导航按钮或相关链接等可作为进入该非首界面的入口,用户通过点击上一界面(如首界面)上的导航按钮或相关链接等进入该非首界面。
在本实施例中,响应于用户对界面入口的点击操作,显示所述界面;在该界面上除了显示常规内容之外,还显示有动效以及与动效同步动作的界面元素。这样可以增加界面的趣味性,便于用户点击进入该界面,进而增加该界面上内容的曝光率。
在上述实施例或下述实施例中,并不限定动效以及与动效同步动作的界面元素在界面上的显示位置。例如,可以在界面的边界、顶部区域、底部区域或中间区域,显示动效以及与动效同步动作的界面元素。
在上述实施例或下述实施例中,并不限定动效和/或与动效同步动作的界面元素的行为或变化风格。可选地,可以通过可视化属性体现动效和/或与动效同步动作的界面元素的行为。基于此,动效和/或与动效同步动作的界面元素的显示步骤,可以为:在界面上,以预设规律变化的可视化属性,显示动效和/或与动效同步动作的界面元素。这里的可视化属性是指用户能够直观看到的属性,例如可以是动效的颜色、持续时间、幅度、频率、轨迹等。其中,不同动效的可视化属性也会有所不同。
在一应用实例中,动效的可视化属性包括颜色,则动效的颜色可以按照预设规律变化。例如,动效的颜色可以按照预设的变化速度从暗到亮逐渐变化;或者,动效的颜色也可以按照预设的变化速度从亮到暗逐渐变化。
在另一应用实例中,动效的可视化属性包括幅度,则动效的幅度可以按照预设的规律变化。例如,动效的颜色可以按照预设的变化速度从最大逐渐变化到某一预设值,例如0,再从该预设值开始逐渐变为最大。
在又一应用实例中,与动效同步动作的界面元素的可视化属性包括颜色,则动效的颜色可以按照预设规律变化。例如,界面元素的颜色可以按照预设的变化速度从暗到亮逐渐变化;或者,界面元素的颜色也可以按照预设的变化速度从亮到暗逐渐变化。
值得说明的是,对于与动效同步动作的界面元素和动效均具有的可视化属性,与动效同步动作的界面元素可以与动效做相同变化,也可以与动效做不同变化,对此不做限定。
另外,在本申请实施例中,更为关注动效的可视化属性的变化。
在上述实施例或下述实施例中,不限定动效的样式。可选地,动效可以为波动动效。对波动动效来说,其可视化属性包括但不限于此:幅度、频率、颜色、持续时间中的至少一种。
进一步,波动动效可以是但不限于:水波纹动效、心电图动效、弹簧动效或振荡衰减动效。关于这些波动动效的说明可参见前述实施例,在此不再赘述。
基于上述波动动效,实现波动动效以及与波动动效同步动作的界面元素的步骤,可以为:在界面上,周期性地绘制波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成波动动效;以及在绘制轮廓曲线的过程中,根据界面元素与波动动效之间的相对位置,动态调整界面元素的位置,使得界面元素能与波动动效同步动作。对波动动效来说,界面元素能与波动动效同步动作主要是指界面元素以与波动动效相同的频率波动。
在一种实现方式中,可预设水平偏移步长,不同周期绘制的轮廓曲线的水平偏移量可按照所述水平偏移步长增长。另外,可预设垂直幅度值,不同周期绘制的轮廓曲线的垂直幅度值保持不变。基于此,水平偏移量不同的轮廓曲线的绘制步骤,可以为:根据水平偏移初始值和轮廓曲线对应的周期数,结合预设水平偏移步长,确定轮廓曲线的水平偏移量;根据轮廓曲线的水平偏移量和预设的垂直幅度值,在界面上绘制轮廓曲线。
进一步可选地,上述基于水平偏移量和垂直幅度值,在第一界面元素的边界上绘制轮廓曲线的步骤,可以为:根据轮廓曲线的水平偏移量和预设的垂直幅度值,确定轮廓曲线在所述界面上的像素点;连接所述像素点,以形成所述轮廓曲线;闭合所述轮廓曲线;填充所述闭合后的轮廓曲线。
对于波动动效为水波纹动效的情况,其轮廓曲线为正弦曲线/余弦曲线。水波纹动效是通过余弦函数y=Acos(ωx+φ)+h或正弦函数y=Asin(ωx+φ)+h,周期性绘制水平偏移量不同的余弦曲线或正弦曲线形成的。轮廓曲线的绘制过程可参见前述实施例,在此不再赘述。区别仅在于,该实施例中的水平偏移步长为预设值,而不是滑动操作的速度,且垂直幅度值不做衰减。
在上述实施或下述实施例中,所述界面可以是电子商务类应用、游戏类应用、即时通讯类应用等中的界面。以电子商务应用场景中的外卖类应用为例,所述界面可以是用户详情界面;相应的,与动效同步动作的界面元素可以是用户头像图标。以动效为水波纹动效为例,则本实施例提供的用户详情界面的示意图如图7a-7c所示。参见图7a-7c,用户头像图标漂浮于水波纹动效之上,且跟随水波纹上下浮动。
需要说明的是,上述实施例所提供方法的各步骤的执行主体均可以是同一设备,或者,该方法也由不同设备作为执行主体。比如,步骤201至步骤203的执行主体可以为设备A;又比如,步骤201和202的执行主体可以为设备A,步骤203的执行主体可以为设备B;等等。
图8为本申请又一实施例提供的界面元素的滑动控制装置的结构示意图。如图8所示,所述装置包括:界面显示单元81和动效显示单元82。
界面显示单元81,用于显示一界面,所述界面包含可滑动的第一界面元素。
动效显示单元82,用于响应于对第一界面元素的滑动操作,在界面上,与滑动操作关联地显示动效。
在一可选实施方式中,动效显示单元82具体用于:在第一界面元素的周边,与滑动操作关联地显示动效。
在一可选实施方式中,动效显示单元82具体用于执行以下至少一种显示操作:
在第一界面元素所在区域的相邻区域,与滑动操作关联地显示动效;
在第一界面元素的内边界,与滑动操作关联地显示动效;
在第一界面元素的外边界,与滑动操作关联地显示动效;以及
在第一界面元素与其相邻界面元素的交界,与滑动操作关联地显示动效。
在一可选实施方式中,动效显示单元82还用于:响应于对第一界面元素的滑动操作,沿滑动方向移动第一界面元素;以及接续于第一界面元素,将第二界面元素移入界面。
在一可选实施方式中,动效显示单元82还用于:响应于对第一界面元素的滑动操作,在界面上,以与滑动操作的速度成比例变化的可视化属性,显示动效。
在一可选实施方式中,动效为波动动效,其中,可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
在一可选实施方式中,动效显示单元82还用于:在第一界面元素的边界上,周期性地绘制波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成波动动效。
在一可选实施方式中,动效显示单元82具体用于:根据水平偏移初始值和轮廓曲线对应的周期数,结合滑动操作的速度,确定轮廓曲线的水平偏移量;根据垂直幅度初始值和轮廓曲线对应的周期数,结合波动动效的持续时间,确定轮廓曲线的垂直幅度值;根据轮廓曲线的水平偏移量和垂直幅度值,在第一界面元素的边界上绘制轮廓曲线。
在一可选实施方式中,动效显示单元82具体用于:根据轮廓曲线的水平偏移量和垂直幅度值,确定轮廓曲线在第一界面元素的边界上的像素点;连接像素点,以形成轮廓曲线;闭合轮廓曲线;填充闭合后的轮廓曲线。
在一可选实施方式中,轮廓曲线为正弦曲线/余弦曲线。基于此,动效显示单元82具体用于根据公式(1),确定轮廓曲线的水平偏移量;相应的,动效显示单元82具体用于根据公式(2),确定轮廓曲线的垂直幅度值。关于公式(1)和(2)可参见前述方法实施例中的描述。
在一可选实施方式中,波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
本实施例提供的界面元素的滑动控制装置,可用于执行上述相应方法的流程,详细流程在此不再赘述。
本实施例提供的界面元素的滑动控制装置,可响应于对第一界面元素的滑动操作,在界面上,与滑动操作关联的显示动效,增加了滑动操作的趣味性,有利于提高用户对滑动操作的新鲜感,可增加用户执行滑动操作的次数,提高后续界面元素的曝光率。
本申请实施还提供一种电子设备,电子设备包括显示器、处理器和存储器,存储器用于存储上述界面元素的滑动控制装置执行上述界面元素的滑动控制方法的程序,处理器被配置为用于执行存储器中存储的程序,显示器被配置为显示处理器输出的内容。电子设备还可以包括通信接口,用于电子设备与其他设备或通信网络通信。
本申请实施例还提供一种计算机存储介质,用于储存上述界面元素的滑动控制装置所用的计算机软件指令,其包含用于执行上述界面元素的滑动控制方法为上述界面元素的滑动控制装置所涉及的程序。
图9为本申请又一实施例提供的界面显示装置的结构示意图。如图9所示,所述装置包括:入口显示单元91和动效显示单元92。
入口显示单元91,用于显示一界面入口。
动效显示单元92,用于响应于对入口的点击操作,在界面上,显示动效以及与动效同步动作的界面元素。
在一可选实施方式中,动效显示单元92具体用于:在界面的边界、顶部区域、底部区域或中间区域,显示动效以及界面元素。
在一可选实施方式中,动效显示单元92还用于:在界面上,以预设规律变化的可视化属性,显示动效和/或界面元素。
在一可选实施方式中,动效为波动动效;其中,可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
在一可选实施方式中,动效显示单元92还用于:在界面上,周期性地绘制波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成波动动效;以及在绘制轮廓曲线的过程中,根据界面元素与波动动效之间的相对位置,动态调整界面元素的位置。
在一可选实施方式中,动效显示单元92具体用于:根据水平偏移初始值和轮廓曲线对应的周期数,结合预设水平偏移步长,确定轮廓曲线的水平偏移量;根据轮廓曲线的水平偏移量和预设的垂直幅度值,在界面上绘制轮廓曲线。
在一可选实施方式中,动效显示单元92具体用于:根据轮廓曲线的水平偏移量和预设的垂直幅度值,确定轮廓曲线在界面上的像素点;连接像素点,以形成轮廓曲线;闭合轮廓曲线;填充闭合后的轮廓曲线。
在一可选实施方式中,波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
在一可选实施方式中,界面为用户详情界面;界面元素为用户头像图标。
本实施例提供的界面显示装置,可用于执行上述相应方法的流程,详细流程在此不再赘述。
本实施例提供的界面显示装置,在界面上显示动效以及与动效同步动作的界面元素,增加了界面的趣味性,可增加用户对界面的访问次数,提高界面元素的曝光率。
本申请实施还提供一种电子设备,电子设备包括显示器、处理器和存储器,存储器用于存储上述界面显示装置执行上述界面显示方法的程序,处理器被配置为用于执行存储器中存储的程序,显示器被配置为显示处理器输出的内容。电子设备还可以包括通信接口,用于电子设备与其他设备或通信网络通信。
本申请实施例还提供一种计算机存储介质,用于储存上述界面显示装置所用的计算机软件指令,其包含用于执行上述界面显示方法为上述界面显示装置所涉及的程序。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
本申请公开A1、一种界面元素的滑动控制方法,包括:
显示一界面,所述界面包含可滑动的第一界面元素;
响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
A2、如A1所述的方法中,所述动效的显示步骤,包括:在所述第一界面元素的周边,与所述滑动操作关联地显示所述动效。
A3、如A2所述的方法中,所述动效的显示步骤,包括以下至少一种:
在所述第一界面元素所在区域的相邻区域,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的内边界,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的外边界,与所述滑动操作关联地显示所述动效;以及
在所述第一界面元素与其相邻界面元素的交界,与所述滑动操作关联地显示所述动效。
A4、如A1所述的方法中,所述动效的显示步骤,还包括:响应于对所述第一界面元素的滑动操作,沿滑动方向移动所述第一界面元素;以及
接续于所述第一界面元素,将第二界面元素移入所述界面。
A5、如A1~A4中任一项所述的方法,所述动效的显示步骤,还包括:
响应于对所述第一界面元素的滑动操作,在所述界面上,以与所述滑动操作的速度成比例变化的可视化属性,显示所述动效。
A6、如A5所述的方法中,所述动效为波动动效,其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
A7、如A6所述的方法中,所述动效的显示步骤,还包括:在所述第一界面元素的边界上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效。
A8、如A7所述的方法中,所述轮廓曲线的绘制步骤,包括:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合所述滑动操作的速度,确定所述轮廓曲线的水平偏移量;
根据垂直幅度初始值和所述轮廓曲线对应的周期数,结合所述波动动效的持续时间,确定所述轮廓曲线的垂直幅度值;
根据所述轮廓曲线的水平偏移量和垂直幅度值,在所述第一界面元素的边界上绘制所述轮廓曲线。
A9、如A8所述的方法中,所述轮廓曲线的绘制步骤,还包括:
根据所述轮廓曲线的水平偏移量和垂直幅度值,确定所述轮廓曲线在所述第一界面元素的边界上的像素点;
连接所述像素点,以形成所述轮廓曲线;
闭合所述轮廓曲线;
填充所述闭合后的轮廓曲线。
A10、如A9所述的方法中,所述轮廓曲线为正弦曲线/余弦曲线;其中,
所述轮廓曲线的水平偏移量的确定步骤,包括:
offsetX=offsetX0+(i-1)*speed_hua;
所述轮廓曲线的垂直幅度值的确定步骤,包括:
A=A0*(1-(i-1)/(60*duration_hua));
其中,offsetX表示所述轮廓曲线的水平偏移量;
offsetX0表示所述水平偏移初始值;
speed_hua表示所述滑动操作的速度;
i表示所述轮廓曲线对应的周期数;
A表示所述轮廓曲线的垂直幅度值;
A0表示所述垂直幅度初始值;
duration_hua表示所述波动动效的持续时间。
A11、如A6所述的方法中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
本申请还公开了B12、一种界面显示方法,包括:
显示一界面的入口;
响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
B13、如B12所述的方法中,所述动效以及所述界面元素的显示步骤,包括:
在所述界面的边界、顶部区域、底部区域或中间区域,显示所述动效以及所述界面元素。
B14、如B12或B13所述的方法中,所述动效和/或所述界面元素的显示步骤,还包括:在所述界面上,以预设规律变化的可视化属性,显示所述动效和/或所述界面元素。
B15、如B14所述的方法中,所述动效为波动动效;其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
B16、如B15所述的方法中,所述动效以及所述界面元素的显示步骤,还包括:
在所述界面上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效;以及
在绘制所述轮廓曲线的过程中,根据所述界面元素与所述波动动效之间的相对位置,动态调整所述界面元素的位置。
B17、如B16所述的方法中,所述轮廓曲线的绘制步骤,包括:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合预设水平偏移步长,确定所述轮廓曲线的水平偏移量;
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,在所述界面上绘制所述轮廓曲线。
B18、如B17所述的方法中,所述轮廓曲线的绘制步骤,还包括:
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,确定所述轮廓曲线在所述界面上的像素点;
连接所述像素点,以形成所述轮廓曲线;
闭合所述轮廓曲线;
填充所述闭合后的轮廓曲线。
B19、如B15所述的方法中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
B20、如B12或B13所述的方法中,所述界面为用户详情界面;所述界面元素为用户头像图标。
本申请还公开了C21、一种界面元素的滑动控制装置,包括:
界面显示单元,用于显示一界面,所述界面包含可滑动的第一界面元素;
动效显示单元,用于响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
C22、如C21所述的装置,所述动效显示单元具体用于:在所述第一界面元素的周边,与所述滑动操作关联地显示所述动效。
C23、如C22所述的装置中,所述动效显示单元具体用于执行以下至少一种显示操作:
在所述第一界面元素所在区域的相邻区域,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的内边界,与所述滑动操作关联地显示所述动效;
在所述第一界面元素的外边界,与所述滑动操作关联地显示所述动效;以及
在所述第一界面元素与其相邻界面元素的交界,与所述滑动操作关联地显示所述动效。
C24、如C21所述的装置,所述动效显示单元还用于:响应于对所述第一界面元素的滑动操作,沿滑动方向移动所述第一界面元素;以及
接续于所述第一界面元素,将第二界面元素移入所述界面。
C25、如C21~C24中任一项所述的装置中,所述动效显示单元还用于:响应于对所述第一界面元素的滑动操作,在所述界面上,以与所述滑动操作的速度成比例变化的可视化属性,显示所述动效。
C26、如C25所述的装置中,所述动效为波动动效,其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
C27、如C26所述的装置中,所述动效显示单元还用于:在所述第一界面元素的边界上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效。
C28、如C27所述的装置中,所述动效显示单元具体用于:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合所述滑动操作的速度,确定所述轮廓曲线的水平偏移量;
根据垂直幅度初始值和所述轮廓曲线对应的周期数,结合所述波动动效的持续时间,确定所述轮廓曲线的垂直幅度值;
根据所述轮廓曲线的水平偏移量和垂直幅度值,在所述第一界面元素的边界上绘制所述轮廓曲线。
C29、如C28所述的装置中,所述轮廓曲线为正弦曲线/余弦曲线;其中,
所述动效显示单元具体用于根据公式offsetX=offsetX0+(i-1)*speed_hua,确定所述轮廓曲线的水平偏移量;
所述动效显示单元具体用于根据公式A=A0*(1-(i-1)/(60*duration_hua)),确定所述轮廓曲线的垂直幅度值;
其中,offsetX表示所述轮廓曲线的水平偏移量;
offsetX0表示所述水平偏移初始值;
speed_hua表示所述滑动操作的速度;
i表示所述轮廓曲线对应的周期数;
A表示所述轮廓曲线的垂直幅度值;
A0表示所述垂直幅度初始值;
duration_hua表示所述波动动效的持续时间。
C30、如C26所述的装置中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
本申请还公开了D31、一种电子设备,包括显示器、存储器和处理器;其中,
所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令供所述处理器调用执行;
所述处理器用于:执行所述存储器中存储的程序,以用于:
控制所述显示器显示一界面,所述界面包含可滑动的第一界面元素;
响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
本申请还公开了E32、一种界面显示装置,包括:
入口显示单元,用于显示一界面入口;
动效显示单元,用于响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
E33、如E32所述的装置中,所述动效显示单元具体用于:
在所述界面的边界、顶部区域、底部区域或中间区域,显示所述动效以及所述界面元素。
E34、如E32或E33所述的装置中,所述动效显示单元还用于:在所述界面上,以预设规律变化的可视化属性,显示所述动效和/或所述界面元素。
E35、如E34所述的装置中,所述动效为波动动效;其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
E36、如E35所述的装置中,所述动效显示单元还用于:
在所述界面上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效;以及
在绘制所述轮廓曲线的过程中,根据所述界面元素与所述波动动效之间的相对位置,动态调整所述界面元素的位置。
E37、如E36所述的装置中,所述动效显示单元具体用于:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合预设水平偏移步长,确定所述轮廓曲线的水平偏移量;
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,在所述界面上绘制所述轮廓曲线。
E38、如E37所述的装置中,所述动效显示单元具体用于:
根据所述轮廓曲线的水平偏移量和预设的垂直幅度值,确定所述轮廓曲线在所述界面上的像素点;
连接所述像素点,以形成所述轮廓曲线;
闭合所述轮廓曲线;
填充所述闭合后的轮廓曲线。
E39、如E35所述的装置中,所述波动动效为水波纹动效、心电图动效、弹簧动效或振荡衰减动效。
E40、如E32或E33所述的装置中,所述界面为用户详情界面;所述界面元素为用户头像图标。
本申请还公开F41,一种电子设备,包括显示器、存储器和处理器;其中,
所述存储器用于存储一条或多条计算机指令,其中,所述一条或多条计算机指令供所述处理器调用执行;
所述处理器用于:执行所述存储器中存储的程序,以用于:
控制所述显示器显示一界面的入口;
响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
Claims (10)
1.一种界面元素的滑动控制方法,其特征在于,包括:
显示一界面,所述界面包含可滑动的第一界面元素;
响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
2.根据权利要求1所述的方法,其特征在于,所述动效的显示步骤,包括:
在所述第一界面元素的周边,与所述滑动操作关联地显示所述动效。
3.根据权利要求1或2所述的方法,其特征在于,所述动效的显示步骤,还包括:
响应于对所述第一界面元素的滑动操作,在所述界面上,以与所述滑动操作的速度成比例变化的可视化属性,显示所述动效。
4.根据权利要求3所述的方法,其特征在于,所述动效为波动动效,其中,所述可视化属性包括:幅度、频率、颜色、持续时间中的至少一种。
5.根据权利要求4所述的方法,其特征在于,所述动效的显示步骤,还包括:
在所述第一界面元素的边界上,周期性地绘制所述波动动效的轮廓曲线,或者水平偏移量不同的多条轮廓曲线,以形成所述波动动效。
6.根据权利要求5所述的方法,其特征在于,所述轮廓曲线的绘制步骤,包括:
根据水平偏移初始值和所述轮廓曲线对应的周期数,结合所述滑动操作的速度,确定所述轮廓曲线的水平偏移量;
根据垂直幅度初始值和所述轮廓曲线对应的周期数,结合所述波动动效的持续时间,确定所述轮廓曲线的垂直幅度值;
根据所述轮廓曲线的水平偏移量和垂直幅度值,在所述界面上绘制所述轮廓曲线。
7.一种界面显示方法,其特征在于,包括:
显示一界面的入口;
响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
8.根据权利要求7所述的方法,其特征在于,所述动效为波动动效。
9.一种界面元素的滑动控制装置,其特征在于,包括:
界面显示单元,用于显示一界面,所述界面包含可滑动的第一界面元素;
动效显示单元,用于响应于对所述第一界面元素的滑动操作,在所述界面上,与所述滑动操作关联地显示动效。
10.一种界面显示装置,其特征在于,包括:
入口显示单元,用于显示一界面入口;
动效显示单元,用于响应于对所述入口的点击操作,在所述界面上,显示动效以及与所述动效同步动作的界面元素。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710022607.3A CN106843648A (zh) | 2017-01-12 | 2017-01-12 | 界面元素的滑动控制方法、界面显示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710022607.3A CN106843648A (zh) | 2017-01-12 | 2017-01-12 | 界面元素的滑动控制方法、界面显示方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106843648A true CN106843648A (zh) | 2017-06-13 |
Family
ID=59123611
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710022607.3A Pending CN106843648A (zh) | 2017-01-12 | 2017-01-12 | 界面元素的滑动控制方法、界面显示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106843648A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107463318A (zh) * | 2017-06-26 | 2017-12-12 | 北京小度信息科技有限公司 | 界面元素处理方法及装置 |
CN108388465A (zh) * | 2018-03-15 | 2018-08-10 | 广州优视网络科技有限公司 | 动态形变开关组件的实现方法、装置及终端 |
CN108428189A (zh) * | 2018-02-27 | 2018-08-21 | 上海掌门科技有限公司 | 一种社交资源处理方法、设备以及可读介质 |
CN109885306A (zh) * | 2019-02-27 | 2019-06-14 | 上海宝尊电子商务有限公司 | 一种快速高效地实现banner动效的方法和系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102609205A (zh) * | 2012-02-07 | 2012-07-25 | 深圳桑菲消费通信有限公司 | 一种移动终端屏幕全方位滑动的方法 |
CN105373291A (zh) * | 2015-11-11 | 2016-03-02 | 北京麒麟合盛网络技术有限公司 | 一种界面切换方法及装置 |
CN106095264A (zh) * | 2016-05-26 | 2016-11-09 | 努比亚技术有限公司 | 特效显示装置及方法 |
-
2017
- 2017-01-12 CN CN201710022607.3A patent/CN106843648A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102609205A (zh) * | 2012-02-07 | 2012-07-25 | 深圳桑菲消费通信有限公司 | 一种移动终端屏幕全方位滑动的方法 |
CN105373291A (zh) * | 2015-11-11 | 2016-03-02 | 北京麒麟合盛网络技术有限公司 | 一种界面切换方法及装置 |
CN106095264A (zh) * | 2016-05-26 | 2016-11-09 | 努比亚技术有限公司 | 特效显示装置及方法 |
Non-Patent Citations (1)
Title |
---|
懒人: "《懒人之家》", 9 June 2015 * |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107463318A (zh) * | 2017-06-26 | 2017-12-12 | 北京小度信息科技有限公司 | 界面元素处理方法及装置 |
CN108428189A (zh) * | 2018-02-27 | 2018-08-21 | 上海掌门科技有限公司 | 一种社交资源处理方法、设备以及可读介质 |
CN108428189B (zh) * | 2018-02-27 | 2021-04-02 | 上海掌门科技有限公司 | 一种社交资源处理方法、设备以及可读介质 |
CN108388465A (zh) * | 2018-03-15 | 2018-08-10 | 广州优视网络科技有限公司 | 动态形变开关组件的实现方法、装置及终端 |
CN108388465B (zh) * | 2018-03-15 | 2021-04-23 | 阿里巴巴(中国)有限公司 | 动态形变开关组件的实现方法、装置及终端 |
CN109885306A (zh) * | 2019-02-27 | 2019-06-14 | 上海宝尊电子商务有限公司 | 一种快速高效地实现banner动效的方法和系统 |
CN109885306B (zh) * | 2019-02-27 | 2022-04-08 | 上海宝尊电子商务有限公司 | 一种快速高效地实现banner动效的方法和系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106843648A (zh) | 界面元素的滑动控制方法、界面显示方法及装置 | |
CN109144649A (zh) | 图标的显示方法、装置、终端及存储介质 | |
CN107402700B (zh) | 页面显示方法和装置 | |
CN107015788B (zh) | 在移动设备上动画展现图像的方法和装置 | |
CN105900053B (zh) | 用于指定链接目的地和用于观看者的界面装置和记录介质 | |
US20170357404A1 (en) | Menu display method, apparatus and system | |
TW201730846A (zh) | 色彩補間動畫的實現方法和裝置 | |
CN108845855A (zh) | 用户界面显示方法、装置、终端及存储介质 | |
CN106021519A (zh) | 图片动态展示方法和装置 | |
CN106886511B (zh) | 一种网络表格的处理方法及装置 | |
CN107977137A (zh) | 应用页面的对象展示方法、装置和设备 | |
CN105373593B (zh) | 一种展示网页中目标元素的方法及装置 | |
JP4114191B2 (ja) | 画像処理装置及び画像処理方法 | |
CN114648603B (zh) | 一种基于canvas与echarts实现飞线动效的方法及系统 | |
CN109857964B (zh) | 一种页面操作的热力图绘制方法、装置、存储介质及处理器 | |
CN106294463A (zh) | 一种动态曲线的数据点更新方法和设备 | |
CN113947650A (zh) | 动画处理方法、装置、电子设备及介质 | |
CN110443880B (zh) | 图像渲染方法、装置、存储介质及电子设备 | |
CN107809592B (zh) | 拍摄图像的方法、装置、终端和存储介质 | |
KR102391719B1 (ko) | 다이나믹 디지털 콘텐츠의 디스플레이 방법, 그래픽 사용자 인터페이스 장치와 시스템 | |
CN110968385A (zh) | 比例显示方法和装置 | |
CN110647368A (zh) | 一种控制应用程序执行操作的方法、装置及电子设备 | |
CN111045581B (zh) | 一种页面滑动控制方法、装置、设备及存储介质 | |
WO2015200914A1 (en) | Techniques for simulating kinesthetic interactions | |
CN104881230A (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 | ||
CB02 | Change of applicant information |
Address after: Room 202, 2 / F, 1-3 / F, No. 11, Shangdi Information Road, Haidian District, Beijing 100084 Applicant after: Beijing Xingxuan Technology Co.,Ltd. Address before: 100085 Beijing, Haidian District on the road to the information on the ground floor of the 1 to the 3 floor of the 2 floor, room 11, 202 Applicant before: Beijing Xiaodu Information Technology Co.,Ltd. |
|
CB02 | Change of applicant information | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170613 |
|
RJ01 | Rejection of invention patent application after publication |