CN108491140B - 互动内容的展示方法及装置 - Google Patents
互动内容的展示方法及装置 Download PDFInfo
- Publication number
- CN108491140B CN108491140B CN201810174581.9A CN201810174581A CN108491140B CN 108491140 B CN108491140 B CN 108491140B CN 201810174581 A CN201810174581 A CN 201810174581A CN 108491140 B CN108491140 B CN 108491140B
- Authority
- CN
- China
- Prior art keywords
- display
- layer
- content
- background
- sliding
- 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
Images
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/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/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
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
技术领域
本发明涉及图片展示领域,具体涉及一种互动内容的展示方法及装置。
背景技术
展示视窗可以用于展示商品信息、活动信息、广告等内容,在丰富页面内容的同时,可以更好的提醒用户,以使用户了解到展示视窗中所展示的内容。现有的传统的展示视窗如图1所示,一般采用固定的轮播方式,即在展示视窗中设置多张图片轮番展示,用户在观看时,一般情况下仅观看了第一张图片,而没有注意到后面轮播的图片内容,导致后面轮播的图片内容曝光率和点击率都很差。并且,这种固定轮播方式的图片在空间的利用率较低,固定内容没有和用户互动的效果,对用户的吸引力也较低。
面对目前日益增长的业务展示需求,急需一种可以与用户互动,并且较好的展示互动内容的方法,以解决现有的问题。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的互动内容的展示方法及装置。
根据本发明的一个方面,提供了一种互动内容的展示方法,其包括:
显示包含展示视窗的界面;
当在界面中检测到预设操作事件时,根据预设操作事件的操作信息,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容。
可选地,预设操作事件为滑动操作事件,操作信息包含滑动方向以及滑动速度。
可选地,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容进一步包括:
触发展示视窗中背景图层以与滑动操作事件的滑动方向一致的方向移动展示背景内容。
可选地,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容进一步包括:
触发展示视窗中背景图层以小于滑动操作事件的滑动速度的速度移动展示背景内容。
可选地,移动展示背景内容具体为:移动展示预设背景图片的局部内容。
可选地,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容进一步包括:
触发展示视窗中元素图层以各个元素的自定义的移动路径、移动速度和/或动画效果分别展示各个元素内容。
根据本发明的另一方面,提供了一种互动内容的展示装置,其包括:
显示模块,适于显示包含展示视窗的界面;
触发模块,适于当在界面中检测到预设操作事件时,根据预设操作事件的操作信息,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容。
可选地,预设操作事件为滑动操作事件,操作信息包含滑动方向以及滑动速度。
可选地,触发模块进一步适于:
触发展示视窗中背景图层以与滑动操作事件的滑动方向一致的方向移动展示背景内容。
可选地,触发模块进一步适于:
触发展示视窗中背景图层以小于滑动操作事件的滑动速度的速度移动展示背景内容。
可选地,移动展示背景内容具体为:移动展示预设背景图片的局部内容。
可选地,触发模块进一步适于:
触发展示视窗中元素图层以各个元素的自定义的移动路径、移动速度和/或动画效果分别展示各个元素内容。
根据本发明的又一方面,提供了一种电子设备,包括:处理器、存储器、通信接口和通信总线,处理器、存储器和通信接口通过通信总线完成相互间的通信;
存储器用于存放至少一可执行指令,可执行指令使处理器执行上述互动内容的展示方法对应的操作。
根据本发明的再一方面,提供了一种计算机存储介质,存储介质中存储有至少一可执行指令,可执行指令使处理器执行如上述互动内容的展示方法对应的操作。
根据本发明提供的互动内容的展示方法及装置,显示包含展示视窗的界面;当在界面中检测到预设操作事件时,根据预设操作事件的操作信息,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容。本发明在包含展示视窗的界面检测到预设操作事件后,根据预设操作事件将展示视窗中的背景图层和/或元素图层进行相应的展示,使得在展示时除可以将元素图层中各个元素内容进行展示的同时,还实现了与操作的互动,提升展示效果,更吸引用户,且元素图层中各个元素内容的切换更自然生动。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了展示视窗的示意图;
图2示出了根据本发明一个实施例的互动内容的展示方法的流程图;
图3示出了触发展示视窗中背景图层和元素图层各元素进行展示的示意图;
图4示出了根据本发明另一个实施例的互动内容的展示方法的流程图;
图5示出了根据本发明一个实施例的互动内容的展示装置的功能框图;
图6示出了根据本发明一个实施例的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图2示出了根据本发明一个实施例的互动内容的展示方法的流程图。如图2所示,互动内容的展示方法具体包括如下步骤:
步骤S201,显示包含展示视窗的界面。
界面中包含展示视窗,以及其他展示内容。展示视窗在界面的位置根据实施情况确定。在本发明中展示视窗包含背景图层和元素图层,元素图层设置在背景图层之上。其中,元素图层包含多个元素,分别对应不同的元素内容。在显示包含展示视窗的界面时,显示背景图层,以及,显示在背景图层之上的元素图层中的某一个元素。
步骤S202,当在界面中检测到预设操作事件时,根据预设操作事件的操作信息,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容。
用户可以在界面中进行预设操作,使界面中的展示视窗根据用户的预设操作进行相应的展示,以实现与用户预设操作的互动。当在界面中检测到用户的预设操作事件时,可以获取预设操作事件对应的操作信息。预设操作事件可以为如滑动操作事件、双击操作事件等。不同的预设操作事件包含不同的操作信息。如操作的方向、操作引起的界面显示内容的变化、变化速度等。根据这些操作信息,触发展示视窗中背景图层和/或元素图层的展示。如图3所示,展示视窗中包含了背景图层和元素图层,元素图层中包含A、B、C各个元素。根据图3中所示箭头所指的操作方向,背景图层展示相应的背景内容,元素图层中各个元素进行相应的展示。具体的,触发背景图层,使背景图层以与该操作信息相应的展示方式展示背景内容。其中,背景内容根据展示视窗的大小,使用对应的预设背景图片。背景图层的展示方式包括如根据操作信息预设背景图片发生相应的移动等。触发元素图层,根据操作信息使元素图层中的各个元素以各自自定义的展示方式分别展示各个元素内容。如可以在一定操作时间或一定操作移动距离内仅展示一个元素内容,使各个元素轮流进行展示;或者,还可以将不同的元素内容在元素图层的不同位置处进行展示。具体设置根据实施情况确定,此处不作限定。
根据本发明提供的互动内容的展示方法,显示包含展示视窗的界面;当在界面中检测到预设操作事件时,根据预设操作事件的操作信息,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容。本发明在包含展示视窗的界面检测到预设操作事件后,根据预设操作事件将展示视窗中的背景图层和/或元素图层进行相应的展示,使得在展示时除可以将元素图层中各个元素内容进行展示的同时,还实现了与操作的互动,提升展示效果,更吸引用户,且元素图层中各个元素内容的切换更自然生动。
图4示出了根据本发明另一个实施例的互动内容的展示方法的流程图。如图4所示,互动内容的展示方法具体包括如下步骤:
步骤S401,显示包含展示视窗的界面。
该步骤参照图2实施例中的步骤S201的描述,在此不再赘述。
步骤S402,当在界面中检测到滑动操作事件时,获取滑动操作事件的操作信息。
本实施例中预设操作事件以滑动操作事件为例进行说明,但预设操作事件不仅限于滑动操作事件,任何对界面的操作均可适用于本发明。
当在界面中检测到用户对界面的滑动操作事件时,如用户向上或向下滑动界面,使界面上下移动时,获取滑动操作事件的操作信息。其中,操作信息包含滑动方向以及滑动速度。获取滑动操作事件的操作信息时,如显示界面的终端设备为触屏设备时,获取到用户接触设备屏幕时的坐标和离开设备屏幕时的坐标,将两个坐标进行比较,可以得到滑动方向。计算两个坐标的距离,并根据用户接触设备屏幕的时间,可以计算得到滑动速度。
步骤S403,触发展示视窗中背景图层以与滑动操作事件的滑动方向一致的方向移动展示背景内容;触发展示视窗中背景图层以小于滑动操作事件的滑动速度的速度移动展示背景内容。
根据滑动操作时间的滑动方向,触发展示视窗中的背景图层,使背景图层以与滑动方向一致的方向移动其展示背景内容,如滑动方向为向上滑动,则背景图层向上移动展示背景内容。进一步,为使用户更清晰地感受到背景图层中背景内容在移动,背景内容发生变化的效果,而不是背景内容跟随用户滑动操作一起进行滑动,在移动时,背景图层以小于滑动操作事件的滑动速度的速度来移动展示背景内容,使得背景内容的变化与界面滑动速度不同,使用户可以更清晰地看到背景图层中背景内容的变化。
其中,移动展示背景内容具体可以为移动预设的背景图片的局部内容,局部内容的大小与展示视窗的大小相关。
步骤S404,触发展示视窗中元素图层以各个元素的自定义的移动路径、移动速度和/或动画效果分别展示各个元素内容。
各个元素有各自自定义的移动路径、移动速度、动画效果等。如移动路径为由左侧移动进出元素图层、或由上侧移动进出元素图层,并设置各个元素在元素图层中的移动距离(可以根据滑动距离、界面显示大小等进行设置)等;移动速度可以为自定义的速度,或为滑动速度80%的速度等;动画效果根据不同元素本身设置展示时的动画效果。
根据滑动操作事件的操作信息,触发展示视窗中元素图层中各个元素的展示。如元素图层中包含A、B、C三个元素,滑动方向为向上滑动时,元素图层中各个元素按照A、B、C的顺序依次进行展示。元素A由元素图层左侧进入元素图层展示相关内容,并以80%的滑动速度向上移动,最终从元素图层上侧移出。元素B由元素图层右侧进入元素图层,并以90%的滑动速度向上移动,最终从元素图层上侧移出。元素C由元素图层下侧进入元素图层,以闪烁动画方式进行展示,并以70%的滑动速度向上移动一段距离后,直接移出元素图层等。当滑动方向为向下滑动时,元素A、B、C的出现顺序为与向上滑动时相反的顺序、移动方向向下、进出元素图层的路径也与向上滑动时相反。元素图层的各个元素的自定义的移动路径、移动速度和/或动画效果可以相同,也可以不同,根据实施情况设置,此处不作限定。
在执行步骤S403和S404时,可以根据实施情况先执行任一步骤,此处不限定该两步骤的先后顺序。
根据本发明提供的互动内容的展示方法,当在界面中检测到滑动操作事件时,获取滑动操作事件的操作信息。根据操作信息,得到与滑动方向一致的背景图层的移动方向,触发背景图层移动展示背景内容。进一步,为使用户更清晰地感受到背景图层中背景内容在移动,背景内容发生变化的效果,使背景图层以小于滑动操作事件的滑动速度的速度来移动展示背景内容,用户可以更清晰地看到背景图层中背景内容的变化。根据操作信息,触发元素图层以各个元素的自定义的移动路径、移动速度和/或动画效果分别展示各个元素内容,形成与用户滑动操作互动的展示效果,可以及时反馈用户的操作,更吸引用户。
图5示出了根据本发明一个实施例的互动内容的展示装置的功能框图。如图5所示,互动内容的展示装置包括如下模块:
显示模块510,适于显示包含展示视窗的界面。
界面中包含展示视窗,以及其他展示内容。展示视窗在界面的位置根据实施情况确定。在本发明中展示视窗包含背景图层和元素图层,元素图层设置在背景图层之上。其中,元素图层包含多个元素,分别对应不同的元素内容。显示模块510显示包含展示视窗的界面时,显示背景图层,以及,显示在背景图层之上的元素图层中的某一个元素。
触发模块520,适于当在界面中检测到预设操作事件时,根据预设操作事件的操作信息,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容。
用户可以在界面中进行预设操作,触发模块520使界面中的展示视窗根据用户的预设操作进行相应的展示,以实现与用户预设操作的互动。当触发模块520在界面中检测到用户的预设操作事件时,可以获取预设操作事件对应的操作信息。预设操作事件可以为如滑动操作事件、双击操作事件等。不同的预设操作事件包含不同的操作信息。如操作的方向、操作引起的界面显示内容的变化、变化速度等。以滑动操作事件为例,当触发模块520在界面中检测到用户对界面的滑动操作事件时,如用户向上或向下滑动界面,使界面上下移动时,触发模块520获取滑动操作事件的操作信息。其中,操作信息包含滑动方向以及滑动速度。触发模块520获取滑动操作事件的操作信息时,如显示界面的终端设备为触屏设备时,触发模块520获取到用户接触设备屏幕时的坐标和离开设备屏幕时的坐标,将两个坐标进行比较,可以得到滑动方向。触发模块520计算两个坐标的距离,并根据用户接触设备屏幕的时间,可以计算得到滑动速度。
如图3所示,展示视窗中包含了背景图层和元素图层,元素图层中包含A、B、C各个元素。根据图3中所示箭头所指的操作方向,触发模块520触发背景图层展示相应的背景内容,触发模块520触发元素图层中各个元素进行相应的展示。
触发模块520根据这些操作信息,触发展示视窗中背景图层和/或元素图层的展示。具体的,触发模块520触发背景图层,使背景图层以与该操作信息相应的展示方式展示背景内容。其中,背景内容根据展示视窗的大小,使用对应的预设背景图片。触发模块520根据滑动操作时间的滑动方向,触发展示视窗中的背景图层,使背景图层以与滑动方向一致的方向移动其展示背景内容,如滑动方向为向上滑动,则触发模块520触发背景图层向上移动展示背景内容。进一步,为使用户更清晰地感受到背景图层中背景内容在移动,背景内容发生变化的效果,而不是背景内容跟随用户滑动操作一起进行滑动,在移动时,触发模块520触发背景图层以小于滑动操作事件的滑动速度的速度来移动展示背景内容,使得背景内容的变化与界面滑动速度不同,使用户可以更清晰地看到背景图层中背景内容的变化。其中,移动展示背景内容具体可以为移动预设的背景图片的局部内容,局部内容的大小与展示视窗的大小相关。
触发模块520触发元素图层,根据操作信息使元素图层中的各个元素以各自自定义的展示方式分别展示各个元素内容。如可以在一定操作时间或一定操作移动距离内仅展示一个元素内容,使各个元素轮流进行展示;或者,将不同的元素内容在元素图层的不同位置处进行展示。具体设置根据实施情况确定,此处不作限定。元素图层的各个元素有各自自定义的移动路径、移动速度、动画效果等。如移动路径为由左侧移动进出元素图层、或由上侧移动进出元素图层,并设置各个元素在元素图层中的移动距离(可以根据滑动距离、界面显示大小等进行设置)等;移动速度可以为自定义的速度,或为滑动速度80%的速度等;动画效果根据不同元素本身设置展示时的动画效果。
触发模块520根据滑动操作事件的操作信息,触发展示视窗中元素图层中各个元素的展示。如元素图层中包含A、B、C三个元素,滑动方向为向上滑动时,触发模块520触发元素图层中各个元素按照A、B、C的顺序依次进行展示。触发模块520触发元素A由元素图层左侧进入元素图层展示相关内容,并以80%的滑动速度向上移动,最终从元素图层上侧移出。触发模块520触发元素B由元素图层右侧进入元素图层,并以90%的滑动速度向上移动,最终从元素图层上侧移出。触发模块520触发元素C由元素图层下侧进入元素图层,以闪烁动画方式进行展示,并以70%的滑动速度向上移动一段距离后,直接移出元素图层等。当滑动方向为向下滑动时,触发模块520触发元素A、B、C的出现顺序为与向上滑动时相反的顺序、移动方向向下、进出元素图层的路径也与向上滑动时相反。元素图层的各个元素的自定义的移动路径、移动速度和/或动画效果可以相同,也可以不同,根据实施情况设置,此处不作限定。
根据本发明提供的互动内容的展示装置,显示包含展示视窗的界面;当在界面中检测到预设操作事件时,根据预设操作事件的操作信息,触发展示视窗中背景图层以与操作信息相应的展示方式展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义展示方式分别展示各个元素内容。本发明在包含展示视窗的界面检测到预设操作事件后,根据预设操作事件将展示视窗中的背景图层和/或元素图层进行相应的展示,使得在展示时除可以将元素图层中各个元素内容进行展示的同时,还实现了与操作的互动,提升展示效果,更吸引用户,且元素图层中各个元素内容的切换更自然生动。
本申请还提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的互动内容的展示方法。
图6示出了根据本发明一个实施例的一种电子设备的结构示意图,本发明具体实施例并不对电子设备的具体实现做限定。
如图6所示,该电子设备可以包括:处理器(processor)602、通信接口(Communications Interface)604、存储器(memory)606、以及通信总线608。
其中:
处理器602、通信接口604、以及存储器606通过通信总线608完成相互间的通信。
通信接口604,用于与其它设备比如客户端或其它服务器等的网元通信。
处理器602,用于执行程序610,具体可以执行上述互动内容的展示方法实施例中的相关步骤。
具体地,程序610可以包括程序代码,该程序代码包括计算机操作指令。
处理器602可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器606,用于存放程序610。存储器606可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序610具体可以用于使得处理器602执行上述任意方法实施例中的互动内容的展示方法。程序610中各步骤的具体实现可以参见上述互动内容的展示实施例中的相应步骤和单元中对应的描述,在此不赘述。所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的设备和模块的具体工作过程,可以参考前述方法实施例中的对应过程描述,在此不再赘述。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的互动内容的展示装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
Claims (6)
1.一种互动内容的展示方法,其包括:
显示包含展示视窗的界面;所述展示视窗包含背景图层和元素图层,元素图层设置在背景图层之上;所述显示包含展示视窗的界面进一步包括:显示展示视窗中的背景图层,以及,显示在背景图层之上的元素图层中的某一个元素;
当在所述界面中检测到滑动操作事件时,根据所述滑动操作事件的操作信息包含的滑动方向和滑动速度,触发所述展示视窗中背景图层以与所述滑动操作事件的滑动方向一致的方向、小于所述滑动速度的速度移动展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义的移动路径、移动速度和/或动画效果分别展示各个元素内容。
2.根据权利要求1所述的方法,其中,所述移动展示背景内容具体为:移动展示预设背景图片的局部内容。
3.一种互动内容的展示装置,其包括:
显示模块,适于显示包含展示视窗的界面;所述展示视窗包含背景图层和元素图层,元素图层设置在背景图层之上;所述显示模块进一步适于:显示展示视窗中的背景图层,以及,显示在背景图层之上的元素图层中的某一个元素;
触发模块,适于当在所述界面中检测到滑动操作事件时,根据所述滑动操作事件的操作信息包含的滑动方向和滑动速度,触发所述展示视窗中背景图层以与所述滑动操作事件的滑动方向一致的方向、小于所述滑动速度的速度移动展示背景内容;和/或,触发展示视窗中元素图层以各个元素的自定义的移动路径、移动速度和/或动画效果分别展示各个元素内容。
4.根据权利要求3所述的装置,其中,所述移动展示背景内容具体为:移动展示预设背景图片的局部内容。
5.一种电子设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行如权利要求1或2所述的互动内容的展示方法对应的操作。
6.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行如权利要求1或2所述的互动内容的展示方法对应的操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810174581.9A CN108491140B (zh) | 2018-03-02 | 2018-03-02 | 互动内容的展示方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810174581.9A CN108491140B (zh) | 2018-03-02 | 2018-03-02 | 互动内容的展示方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108491140A CN108491140A (zh) | 2018-09-04 |
CN108491140B true CN108491140B (zh) | 2020-11-03 |
Family
ID=63341206
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810174581.9A Active CN108491140B (zh) | 2018-03-02 | 2018-03-02 | 互动内容的展示方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108491140B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111309220B (zh) * | 2018-12-11 | 2024-08-30 | 阿里巴巴华东有限公司 | 交互方法、图片处理方法及装置 |
CN110191230A (zh) * | 2019-05-29 | 2019-08-30 | 努比亚技术有限公司 | 应用界面显示方法、移动终端及可读存储介质 |
CN113282258B (zh) * | 2021-05-28 | 2023-08-15 | 武汉悦学帮网络技术有限公司 | 一种信息展示方法及装置 |
CN113360692A (zh) * | 2021-06-22 | 2021-09-07 | 上海哔哩哔哩科技有限公司 | 轮播视图的展示方法与系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5062060A (en) * | 1987-01-05 | 1991-10-29 | Motorola Inc. | Computer human interface comprising user-adjustable window for displaying or printing information |
CN104133611A (zh) * | 2014-07-18 | 2014-11-05 | 深圳市金立通信设备有限公司 | 一种终端 |
CN104781779A (zh) * | 2012-11-06 | 2015-07-15 | 诺基亚技术有限公司 | 用于创建针对图像的运动效果的方法和装置 |
CN104866620A (zh) * | 2015-06-09 | 2015-08-26 | 腾讯科技(北京)有限公司 | 背景式焦点图的实现方法、装置及系统 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8984439B2 (en) * | 2013-02-14 | 2015-03-17 | Citibank, N.A. | Methods and systems for managing a graphical user interface |
-
2018
- 2018-03-02 CN CN201810174581.9A patent/CN108491140B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5062060A (en) * | 1987-01-05 | 1991-10-29 | Motorola Inc. | Computer human interface comprising user-adjustable window for displaying or printing information |
CN104781779A (zh) * | 2012-11-06 | 2015-07-15 | 诺基亚技术有限公司 | 用于创建针对图像的运动效果的方法和装置 |
CN104133611A (zh) * | 2014-07-18 | 2014-11-05 | 深圳市金立通信设备有限公司 | 一种终端 |
CN104866620A (zh) * | 2015-06-09 | 2015-08-26 | 腾讯科技(北京)有限公司 | 背景式焦点图的实现方法、装置及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN108491140A (zh) | 2018-09-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108491140B (zh) | 互动内容的展示方法及装置 | |
US9965138B2 (en) | Mobile communications device, non-transitory computer-readable medium and method of activating update of home screen of mobile communications device | |
US9135022B2 (en) | Cross window animation | |
US20210182948A1 (en) | Product browsing method and apparatus, device and storage medium | |
CN111061419B (zh) | 一种应用栏显示方法及电子设备 | |
KR20140126327A (ko) | 애플리케이션의 썸네일-이미지 선택 기법 | |
CN112486451B (zh) | 语音播报方法、计算设备及计算机存储介质 | |
CN107133834A (zh) | 信息显示方法及装置 | |
CN109582430B (zh) | 电子书中评论信息的展现方法、计算设备及存储介质 | |
CN111240543A (zh) | 一种评论方法、装置、计算机设备及存储介质 | |
CN109062653B (zh) | 长图文信息显示方法、计算机装置及计算机可读存储介质 | |
CN105144058A (zh) | 延迟放置提示 | |
KR20170026274A (ko) | 콘텐츠 편집 장치 및 편집 방법 | |
CN113741763A (zh) | 电子书的显示方法、装置及电子设备 | |
CN109040767B (zh) | 一种直播间加载方法、系统、服务器及存储介质 | |
CN107340955B (zh) | 获取视图在屏幕上的位置变化后的位置信息的方法和装置 | |
CN105630366A (zh) | 用于在屏幕显示设备上展示客体信息的方法及装置 | |
CN106681590B (zh) | 一种行车记录装置屏幕内容的展示方法和装置 | |
US20180004374A1 (en) | Process visualization toolkit | |
CN111897607A (zh) | 应用界面加载与交互方法、设备及存储介质 | |
CN107239212A (zh) | 分段选择视图呈现方法、装置及用户终端 | |
CN113722630B (zh) | 基于客户端渲染的资源数据在web页面中的呈现方法及设备 | |
CN116596611A (zh) | 商品对象信息展示方法及电子设备 | |
CN110945468B (zh) | 在移动终端上处理其每一内容与子内容关联的内容的列表的方法 | |
CN112835502A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |