CN107147940A - 内容轮播的方法、装置、电子设备和存储介质 - Google Patents
内容轮播的方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN107147940A CN107147940A CN201710313909.6A CN201710313909A CN107147940A CN 107147940 A CN107147940 A CN 107147940A CN 201710313909 A CN201710313909 A CN 201710313909A CN 107147940 A CN107147940 A CN 107147940A
- Authority
- CN
- China
- Prior art keywords
- content
- view
- container
- content view
- visible
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
- H04N21/4438—Window management, e.g. event handling following interaction with the user interface
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/482—End-user interface for program selection
- H04N21/4825—End-user interface for program selection using a list of items to be played back in a given order, e.g. playlists
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/47—End-user applications
- H04N21/485—End-user interface for client configuration
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种内容轮播的方法、装置、电子设备和存储介质。该方法包括:在显示页面上设置展示窗;与展示窗关联地设置内容容器,内容容器中沿第一方向依次排列多个内容视图,至少一个所述内容视图透过所述展示窗而在所述显示页面上可见;以及通过移动内容容器来进行内容视图轮换,从而将当前可见的第一内容视图变为至少部分不可见,而使第一内容视图之后的第二内容视图变为可见。由此,快速、高效地实现内容轮播。
Description
技术领域
本发明涉及显示技术领域,尤其涉及一种在电子设备的显示页面上实现内容轮播的方法、装置和一种非暂时性可读存储介质。
背景技术
随着信息技术的快速发展,电子设备(例如手机、平板电脑等终端)上的应用(例如电商类APP、新闻类APP等)会不定时地向用户推送公告、推广类或其它类别的信息。信息的种类繁多,通常以文字、图形、图像、声音、影像和动画等形式存在,为了节省显示页面的空间同时显示全部信息内容,通常会在应用的主页位置(或其它显示页面),将全部信息内容汇总到一个可以上下(或左右或其它方向)轮播的BannerView(横幅轮播页)中,用户点击BannerView中当前显示的信息内容即可跳转至相应页面或实现相应的功能。
现有的技术方案中,大多应用(APP)使用View Pager或View Flipper等控件进行控制,通过自动或响应于用户的手动操作翻转BannerView中的内容视图,实现轮播效果。但是,这种实现形式的过程复杂,会导致应用过多地占用电子设备的内存,导致应用的轮播性能降低。并且,该实现形式在部分特殊场景下(例如,在一个布局层次很深的界面上)不能流畅地进行轮播展示,轮播效果较差,给用户带来很不好的体验效果。
因此,仍然需要一种改进的内容轮播的实现方案。
发明内容
本发明的目的是提供一种内容轮播的方法、装置、电子设备和存储介质,以快速、高效地实现内容轮播效果,提高轮播性能。
根据本发明的一个方面,提供了一种在显示页面上实现内容轮播的方法,包括:在显示页面上设置展示窗;与展示窗关联地设置内容容器,内容容器中沿第一方向依次排列多个内容视图,至少一个所述内容视图透过所述展示窗而在所述显示页面上可见;以及通过移动内容容器来进行内容视图轮换,从而将当前可见的第一内容视图变为至少部分不可见,而使第一内容视图之后的第二内容视图变为可见。
由此,通过与展示窗关联地设置内容容器,并对整个内容容器进行移动操作和可见性操作,使得多个内容视图能够轮流流畅地展示在展示窗中,快速、高效地实现内容轮播效果,提升轮播性能。
优选地,内容容器的可见属性可以被设置为其中与展示窗相重叠的部分可见,而不与展示窗重叠的部分不可见。
优选地,通过移动内容容器进行内容视图轮换的步骤包括:将内容容器沿与第一方向相反的第二方向移动对应于一个内容视图的距离,使得第二内容视图可见;在内容容器中,对多个内容视图分别重新定位,从而将第一方向上的第一个内容视图移到第一方向的末尾,其它各内容视图分别沿第二方向移动对应于一个内容视图的距离,使得第二内容视图之后的第三内容视图可见;以及使内容容器返回初始设置的位置,从而使得第二内容视图可见。
由此,通过移动内容容器和重新定位内容容器中的多个内容视图,快速实现内容视图的轮换。
优选地,以动画方式显示沿第二方向移动内容容器的过程,在内容容器中,以非动画方式直接对多个内容视图分别重新定位,并且以非动画方式直接使内容容器返回初始设置的位置。
由此,显示切换不突兀,显示内容切换后内容视图的重新定位和内容容器的回位用户看不到。
在内容视图轮换过程中,可以周期性地执行通过移动内容容器进行内容视图轮换的步骤。也可以针对每个内容视图,分别设定显示时间长度,响应于当前内容视图被显示的时间长度达到显示时间长度,执行通过移动内容容器进行内容视图轮换的步骤。还可以响应于用户的预定操作,执行通过移动内容容器进行内容视图轮换的步骤。
优选地,内容容器的位置可以被初始设置为使得其中任何一个内容视图可见;或者内容容器的位置可以被初始设置为使得其中第一方向上的第一个内容视图可见。
优选地,内容视图的尺寸可以与展示窗的尺寸相适应。
优选地,在第一方向上,多个内容视图可以具有相同的尺寸,并且,在第一方向上,展示窗的尺寸可以与内容视图的尺寸相同;或者在第一方向上,展示窗的尺寸可以大于内容视图的尺寸,使得当前完全可见的内容视图之前或之后的内容视图至少部分可见。
由此,不需要对当前内容视图、之前或之后的内容视图分别进行可见属性设置,即可实现内容视图可见性的切换。
根据本发明的另一方面,还提供了一种在显示页面上实现内容轮播的装置,包括:展示窗设置模块,用于在显示页面上设置展示窗;容器设置模块,用于与展示窗关联地设置内容容器,内容容器中沿第一方向依次排列多个内容视图,至少一个所述内容视图透过所述展示窗而在所述显示页面上可见;以及视图轮换模块,用于通过移动内容容器来进行内容视图轮换,从而将当前可见的第一内容视图变为至少部分不可见,而使第一内容视图之后的第二内容视图变为可见。
优选地,容器设置模块可以将内容容器的可见属性设置为其中与展示窗相重叠的部分可见,而不与展示窗重叠的部分不可见。
优选地,视图轮换模块包括:容器移动模块,用于将内容容器沿与第一方向相反的第二方向移动对应于一个内容视图的距离,使得第二内容视图可见;视图重定位模块,用于在内容容器中,对多个内容视图分别重新定位,从而将第一方向上的第一个内容视图移到第一方向的末尾,其它各内容视图分别沿第二方向移动对应于一个内容视图的距离,使得第二内容视图之后的第三内容视图可见;以及容器回位模块,用于使内容容器返回初始设置的位置,从而使得第二内容视图可见。
优选地,容器移动模块以动画方式显示沿第二方向移动内容容器的过程,视图重定位模块以非动画方式直接对多个内容视图分别重新定位,并且容器回位模块以非动画方式直接使内容容器返回初始设置的位置。
优选地,视图轮换模块周期性地进行内容视图轮换;或者针对每个内容视图,分别设定显示时间长度,视图轮换模块响应于当前内容视图被显示的时间长度达到显示时间长度,进行内容视图轮换;或者视图轮换模块响应于用户的预定操作,进行内容视图轮换。
优选地,容器设置模块可以将内容容器的位置初始设置为使得其中任何一个内容视图可见;或者容器设置模块将内容容器的位置初始设置为使得其中第一方向上的第一个内容视图可见。
优选地,容器设置模块还可以将内容视图的尺寸设置为与展示窗的尺寸相适应。
优选地,在第一方向上,多个内容视图具有相同的尺寸,并且,在第一方向上,展示窗的尺寸与内容视图的尺寸相同;或者在第一方向上,展示窗的尺寸大于内容视图的尺寸,使得当前完全可见的内容视图之前或之后的内容视图至少部分可见。
根据本发明的又一方面,还提供了一种电子设备,包括:显示屏幕、处理器以及存储器。存储器上存储有可执行代码,当可执行代码被处理器执行时,使处理器执行上述的内容轮播方法,以在显示屏幕的显示页面上实现内容轮播。
根据本发明的又一方面,还提供了一种非暂时性机器可读存储介质,其上存储有可执行代码,当可执行代码被电子设备的处理器执行时,使处理器执行上述的内容轮播方法。
根据本发明的内容轮播的方法和装置,与显示页面上设置的展示窗关联地设置内容容器,通过对整个内容容器的移动操作和可见属性操作,快速、高效地实现内容视图的轮播。内容容器的可见属性可以使得将内容容器中当前显示的内容视图限制在展示窗内,实现内容视图在展示窗内的逐一呈现。
附图说明
通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。
图1示出了根据本发明一个实施例的电子设备的示意性框图。
图2示出了根据本发明一个实施例的内容轮播方法的示意性流程图。
图3示出了根据本发明另一个实施例的内容视图轮换步骤的示意性流程图。
图4A-4D示出了本发明一个示例中在内容切换各阶段内容容器相对于展示窗的相对位置关系示意图。
图5示出了根据本发明一个实施例的内容轮播装置的示意性框图。
图6示出了根据本发明一个实施例的视图轮换模块的示意性框图。
具体实施方式
下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。
如前所述,为了使多种形式的信息内容能够在显示页面的BannerView中流畅、高效地轮播展示,本发明提出一种实现内容轮播的方案。
下面结合附图和实施例详细说明本发明的技术方案。
图1示出了根据本发明一个实施例的电子设备100的示意性框图。其中,电子设备100是可以是任何合适的便携式电子设备,包括但不限于智能手机、平板电脑或是其他便携式客户端。
如图1所示,实现本发明的内容轮播方案的电子设备100可以具有显示屏幕110、处理器120和存储器130。
存储器130上可以存储有可执行代码,当该可执行代码被处理器120执行时,使处理器120执行本发明的实现内容轮播的方法,以在显示屏幕110的显示页面上实现内容轮播。
下面参考图2详细描述本发明的内容轮播实现方法。
图2示出了根据本发明一个实施例的实现内容轮播的方法的示意性流程图。
如图2所示,在步骤S210,在显示页面上设置展示窗。
显示页面可以呈现在电子设备的显示屏幕上,其可以是各个浏览器或应用(APP)的主页或其它显示页面。展示窗用以展示希望呈现给用户(例如,查看信息内容的公众用户)的多个信息内容,用户可以在展示窗查看信息内容,信息内容可以包括但不限于文字、图形、图像等多种形式。展示窗可以设置在显示页面的任意位置,例如显示页面的顶部、底部、左侧、右侧,或中部某个位置,并且其可以被设置为横向或纵向等方向。
在步骤S220,与展示窗关联地设置内容容器。
内容容器中可以容纳希望呈现给用户的多个信息内容,优选地信息内容可以以内容视图的方式展示。用户可以依次查看多个内容视图,并且当用户点击展示窗内显示的某个内容视图时即可跳转至相应页面,或执行预定操作或实现相应的功能。
为使得内容视图能够整齐、有序地展示,可以为多个内容视图设置排列方向,优选地,可以在内容容器中沿第一方向依次排列多个内容视图。第一方向可以是从上向下、从下向上、从左向右或从右向左等等。
通过设置内容容器,例如对内容容器的可见属性、位置、内容视图的尺寸等属性的设置,可以使得内容容器中的内容视图更好地呈现给用户。
内容容器的可见属性可以被设置为至少一个内容视图可以透过展示窗而在显示页面上可见,以便于用户可以通过展示窗查看内容视图。
内容容器的可见属性也可以被设置为其中与展示窗相重叠的部分可见,而不与展示窗重叠的部分不可见。这样,可以将内容容器中当前显示的内容视图限制在展示窗内,实现内容视图在展示窗内的逐一呈现。
内容视图的尺寸可以被设置为与展示窗的尺寸相适应,以便在展示窗中展示一个或多个内容视图。
优选地,在第一方向上,多个内容视图可以具有相同的尺寸。例如,当第一方向为纵向(从上向下或从下向上)时,多个内容视图可以具有相同的高度,以便于在展示窗以均一的形式呈现给用户。应当明白,在第一方向上,多个内容视图的尺寸也可以不相同。
在其他方向(例如,与第一方向垂直的方向)上,多个内容视图的尺寸可以相同也可以不相同。
展示窗的尺寸可以在一个方向(例如,第一方向)与内容视图的尺寸相同,也可以不相同。例如,第一方向为纵向(从上向下或从下向上)时,展示窗与内容视图具有相同的高度。或者,第一方向为纵向时,展示窗的高度大于内容视图的高度,从而使得当前完全可见的内容视图之前或之后的内容视图至少部分可见。
由此,不需要对当前视图、之前或之后视图分别进行可见属性设置,即可实现内容视图可见性的切换。
在其他方向(例如,与第一方向垂直的方向)上,展示窗与内容视图的尺寸也可以相同,或者展示窗的尺寸大于内容视图的尺寸。
展示窗的尺寸也可以小于内容视图的尺寸(包括在第一方向或与第一方向垂直的方向等方向)。例如,内容视图有两行,以此只展示一行。或者,展示内容视图的大部分,不影响用户识别内容视图中的信息内容(例如,信息内容实际占据的空间可以小于内容视图的尺寸;或者部分信息内容已足以用户对其有所了解)。
内容容器的位置可以被初始设置为使得其中任何一个内容视图可见,即内容容器的位置被初始设置为使得其中任何一个内容视图与展示窗重叠。
内容容器的位置也可以被初始设置为使得其中第一方向上的第一个内容视图可见,即展示窗可以与内容容器在第一方向上的第一个内容视图重叠,使得第一个内容视图可见。例如,第一方向为从上向下时,从上向下的第一个内容视图完全可见。这样,可以确保用户从一开始(例如,进入应用主页时)就可以查看到一个内容视图,并且在实现内容轮播的过程中,多个内容视图可以依次被呈现给用户。展示窗也可以与内容容器在第一方向上的中间位置附近的一个内容视图重叠。
在步骤S230,通过移动内容容器来进行内容视图轮换,从而使当前可见的第一内容视图变为至少部分不可见,而使第一内容视图之后的第二内容视图变为可见。其中,多个内容视图是沿第一方向依次排列的,这里的“之后”是指第一方向上的之后。由此,通过进行内容视图轮换,即可实现第一内容视图与第二内容视图的轮换。
通过多次执行上述的内容轮播方法,特别是移动内容容器的步骤,即可快速、高效地实现多个内容视图的轮播效果。
下面结合图3-4及实施例详细说明通过移动内容容器来进行内容视图轮换的具体实现步骤。
图3示出了根据本发明一个实施例的内容视图轮换的方法的示意性流程图。
如图3所示,在步骤S231,将内容容器沿与第一方向相反的第二方向移动对应于一个内容视图的距离,使得第二内容视图可见。
处理器可以是响应于第一内容视图的显示时间结束或者用户的手动操作执行的移动内容容器的步骤,以使得第二内容视图可见。第二方向与第一方向的方向相反,例如在第一方向为从上向下时,第二方向为从下向上,在第一方向为从左向右时,第二方向为从右向左。
上述对应于一个内容视图的距离可以根据第一方向确定。例如在第一方向为纵向(例如从上向下或从下向上)时,对应于一个内容的距离可以为一个内容视图的高度。相应地,在第一方向为横向(例如从左向右或从右向左)时,对应于一个内容的距离可以为一个内容视图的宽度。
在一个优选实施例中,可以以动画方式显示沿第二方向移动内容容器的过程,产生出上一个内容视图移出展示窗、下一个内容视图移入展示窗的效果。由此,可以使得轮换过程连贯顺畅,避免可能出现的轮换时机不匹配、卡顿等情形。
需要注意的是,内容容器的位置的初始设置应尽量避免与第一方向上的末尾的内容视图重叠。若展示窗与内容容器在第一方向上的末尾的内容视图重叠,则在内容容器沿第二方向移动对应于一个内容视图的距离后,展示窗内没有可以显示的内容,影响内容轮播的效果,同时给用户带来不好的体验效果。
在步骤S233,在内容容器中,对多个内容视图分别重新定位。
在一个优选实施例中,可以以非动画方式直接对多个内容视图分别重新定位,以在极短时间内快速、顺畅地实现多个内容视图的重新定位。
重新定位后,多个内容视图的排列顺序发生变化,使得原来在第一方向上的第一个内容视图移动到第一方向的末尾,其它各内容视图分别沿第二方向移动对应于一个内容视图的距离(原来的第二个内容视图成为当前的第一个内容视图,原来的第三个内容视图成为当前的第二个内容视图……),使得第二内容视图之后的第三内容视图(与展示窗重叠)可见。
经过步骤S231的移动过程以及步骤S233的重新定位过程后,内容容器内的多个内容视图顺次重排,为了实现轮播,同时不在轮换过程中遗漏某个内容视图,进入步骤S235,立即使内容容器返回初始设置的位置。具体地,可以将内容容器沿第一方向(与步骤S231中的第二方向相反)移动对应于一个内容视图的距离,从而使第二内容视图可见。优选地,也可以以非动画方式直接使内容容器返回初始设置的位置。
需要说明的是,上述轮换步骤中,步骤S233和步骤S235极快实现,用户在视觉上难以察觉,而整体上只能察觉到步骤S231的以动画方式显示的内容容器的移动过程。
经过上述内容视图轮换步骤,多个内容视图可以在展示窗内轮播展示,同时,在多个内容视图显示结束后,仍然可以循环展示多个内容视图。
应当理解,这里的“第一个内容视图”、“第二个内容视图”、“第三个内容视图”是指在内容容器中沿第一方向依次排列的内容视图,“第一个”、“第二个”、“第三个”表示对应的内容视图在内容容器中按顺序排列的位置。而文中提及的“第一内容视图”、“第二内容视图”、“第三内容视图”是指在进行内容视图轮换过程中,沿第一方向依次可见的内容视图,“第一”、“第二”、“第三”表示轮换过程中在展示窗对应显示的内容视图的顺序。在某些情况下,例如当内容容器的位置被初始设置为使得其中第一方向上的第一个内容视图可见时,上述的“第一”、“第二”、“第三”分别对应于“第一个”、“第二个”、“第三个”,而在其它情况下,它们也可以不对应。
另外,为实现内容视图的轮换,处理器可以使响应于内容视图的显示时间或用户的操作执行上述通过移动内容容器进行内容视图轮换的步骤。例如,可以设定一个轮播时间间隔,使得处理器可以周期性执行上述轮换步骤。或者,还可以针对每个内容视图,根据内容视图的信息内容,分别设定显示时间长度,响应于当前内容视图别显示的时间长度达到显示时间长度,执行上述轮换的步骤。或者,还可以响应于用户的预定操作(例如,用户手动滑动内容视图),执行上述轮换的步骤。
为了更好地理解本发明步骤S230中的内容视图轮换方案,下面结合图4A-4D及实施例详细说明本发明的实现内容视图轮换的步骤。
图4A-4D示出了一个示例中在内容视图轮换各阶段内容容器相对于展示窗的相对位置关系示意图。
如图4A所示,在显示页面上设置有展示窗420(步骤S210),与展示窗420关联地设置了内容容器410(步骤S220)。其中,在内容容器410中沿第一方向(从上向下)依次排列了内容视图411、412、413、414、415。在第一方向上,多个内容视图的高度与展示窗420的尺寸(高度)相同,在与第一方向垂直的方向上,展示窗420的尺寸大于内容视图的尺寸。内容容器初始位置设置为使第一方向上的第一个内容视图411与展示窗420重叠,使第一个内容视图411可见,而其余不与展示窗420重叠的内容视图不可见。
在执行内容视图轮换步骤S230的第一步移动内容容器(步骤S231)后,如图4B所示,内容容器410沿第二方向(从下向上)向上移动一个内容视图的高度,使第二内容视图412与展示窗420重叠,第二视图412可见。其中,多个内容视图在内容容器中的排列顺序与内容视图轮换过程中的内容视图的可见顺序相对应,即第一个内容视图与第一内容视图相对应。
在执行内容视图轮换步骤的第二步重新定位内容视图(步骤S233)后,如图4C所示,内容视图411移动至内容容器410的末尾,其它内容视图沿第二方向向上移动一个内容视图的高度,使第三内容视图413与展示窗420重叠,第三内容视图413可见。
在执行内容视图轮换步骤的第三步内容容器回位(步骤S235)后,如图4D所示,内容容器410返回至初始设置的位置,使第二内容视图412可见。由此,完成一次内容视图的轮换过程。以此类推,即可实现多个内容视图的轮播。
至此,已经结合图2-4及实施例详细描述了本发明实现内容轮播的方法。本发明的内容轮播方案还可以由一种内容轮播装置实现。
图5示出了根据本发明一个实施例的内容轮播装置的示意性框图。其中,内容轮播装置500的功能模块可以由实现本发明原理的硬件、软件或硬件和软件的结合来实现。本领域技术人员可以理解的是,图5所描述的功能模块可以组合起来或者划分成子模块,从而实现上述发明的原理。因此,本文的描述可以支持对本文描述的功能模块的任何可能的组合、或者划分、或者更进一步的限定。
图5所示的内容轮播装置500可以用来实现图2所示的内容轮播方法,下面仅就内容轮播装置500可以具有的功能模块以及各功能模块可以执行的操作做简要说明,对于其中涉及的细节部分可以参见上文结合图2的描述,这里不再赘述。
如图5所示,内容轮播装置500可以包括展示窗设置模块510、容器设置模块520和视图轮换模块530。
展示窗设置模块510可以用于在显示页面上设置展示窗。
容器设置模块520可以用于与展示窗关联地设置内容容器,内容容器中沿第一方向依次排列多个内容视图,至少一个内容视图透过展示窗而在显示页面上可见。
优选地,容器设置模块520可以将内容容器的可见属性设置为其中与展示窗相重叠的部分可见,而不与展示窗重叠的部分不可见。容器设置模块520也可以将内容容器的位置初始设置为使得其中任何一个内容视图可见,或者将内容容器的位置初始设置为使得其中第一方向上的第一个内容视图可见。容器设置模块520还可以将内容容器的尺寸设置为与展示窗的尺寸相适应。
视图轮换模块530可以用于通过移动内容容器来进行内容视图轮换,从而将当前可见的第一内容视图变为至少部分不可见,而使第一内容视图之后的第二内容视图变为可见。具体地,可以由视图轮换模块530的子模块实现内容视图的轮换过程。
图6示出了根据本发明一个实施例的视图轮换模块的示意性框图。
如图6所示,视图轮换模块530可以包括容器移动模块531、视图重定位模块533和容器回位模块535。
容器移动模块531可以用于将内容容器沿与第一方向相反的第二方向移动对应于一个内容视图的距离,使得第二内容视图可见。其中,容器移动模块531可以以动画方式显示沿第二方向移动内容容器的过程。
视图重定位模块533可以用于在内容容器中,对多个内容视图分别重新定位,从而将第一方向上的第一个内容视图移到第一方向的末尾,其它各内容视图分别沿第二方向移动对应于一个内容视图的距离,使得第二内容视图之后的第三内容视图可见。其中,视图重定位模块533可以以非动画方式直接对多个内容视图分别重新定位。
容器回位模块535可以用于使内容容器返回初始设置的位置,从而使得第二内容视图可见。其中,容器回位模块535可以以非动画方式直接使内容容器返回初始设置的位置。
在一个优选实施例中,视图轮换模块530可以周期性地进行内容视图轮换。在一个优选实施例中,也可以针对每个内容视图,分别设定显示时间长度,视图轮换模块530可以响应于当前内容视图被显示的时间长度达到显示时间长度,进行内容视图轮换。在一个优选实施例中,视图轮换模块530还可以响应于用户的预定操作,进行内容视图轮换。
在第一方向上,多个内容视图可以具有相同的尺寸。并且,在第一方向上,展示窗的尺寸可以与内容视图的尺寸相同;或者在第一方向上,展示窗的尺寸可以大于内容视图的尺寸,使得当前完全可见的内容视图之前或之后的内容视图至少部分可见。
上文中已经参考附图详细描述了根据本发明的内容轮播的方法、装置、电子设备。
此外,根据本发明的方法还可以实现为一种计算机程序,该计算机程序包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。或者,根据本发明的方法还可以实现为一种计算机程序产品,该计算机程序产品包括计算机可读介质,在该计算机可读介质上存储有用于执行本发明的上述方法中限定的上述功能的计算机程序。
或者,本发明还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质),其上存储有可执行代码(或计算机程序/计算机指令代码),当所述可执行代码(或计算机程序/计算机指令代码)被电子设备的处理器执行时,使所述处理器执行根据本发明的上述内容轮播方法。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本发明的各实施例,上述说明是示例性的,并非穷尽性的,并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择,旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进,或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。
Claims (18)
1.一种在显示页面上实现内容轮播的方法,包括:
在所述显示页面上设置展示窗;
与所述展示窗关联地设置内容容器,所述内容容器中沿第一方向依次排列多个内容视图,至少一个所述内容视图透过所述展示窗而在所述显示页面上可见;以及
通过移动所述内容容器来进行内容视图轮换,从而将当前可见的第一内容视图变为至少部分不可见,而使所述第一内容视图之后的第二内容视图变为可见。
2.根据权利要求1所述的方法,其中,
所述内容容器的可见属性被设置为其中与所述展示窗相重叠的部分可见,而不与所述展示窗重叠的部分不可见。
3.根据权利要求1所述的方法,其中,所述通过移动内容容器进行内容视图轮换的步骤包括:
将所述内容容器沿与所述第一方向相反的第二方向移动对应于一个所述内容视图的距离,使得所述第二内容视图可见;
在所述内容容器中,对所述多个内容视图分别重新定位,从而将所述第一方向上的第一个内容视图移到第一方向的末尾,其它各内容视图分别沿所述第二方向移动对应于一个所述内容视图的距离,使得所述第二内容视图之后的第三内容视图可见;以及
使所述内容容器返回初始设置的位置,从而使得所述第二内容视图可见。
4.根据权利要求3所述的方法,其中,
以动画方式显示沿所述第二方向移动所述内容容器的过程,
在所述内容容器中,以非动画方式直接对所述多个内容视图分别重新定位,并且
以非动画方式直接使所述内容容器返回初始设置的位置。
5.根据权利要求1所述的方法,其中,
周期性地执行所述通过移动内容容器进行内容视图轮换的步骤;或者
针对每个所述内容视图,分别设定显示时间长度,响应于当前内容视图被显示的时间长度达到所述显示时间长度,执行所述通过移动内容容器进行内容视图轮换的步骤;或者
响应于用户的预定操作,执行所述通过移动内容容器进行内容视图轮换的步骤。
6.根据权利要求1所述的方法,其中,
所述内容容器的位置被初始设置为使得其中任何一个内容视图可见;或者
所述内容容器的位置被初始设置为使得其中所述第一方向上的第一个内容视图可见。
7.根据权利要求1-6中任何一项所述的方法,其中,
所述内容视图的尺寸与所述展示窗的尺寸相适应。
8.根据权利要求7所述的方法,其中,
在所述第一方向上,所述多个内容视图具有相同的尺寸,并且,
在所述第一方向上,所述展示窗的尺寸与所述内容视图的尺寸相同;或者
在所述第一方向上,所述展示窗的尺寸大于所述内容视图的尺寸,使得当前完全可见的内容视图之前或之后的内容视图至少部分可见。
9.一种在显示页面上实现内容轮播的装置,包括:
展示窗设置模块,用于在所述显示页面上设置展示窗;
容器设置模块,用于与所述展示窗关联地设置内容容器,所述内容容器中沿第一方向依次排列多个内容视图,至少一个所述内容视图透过所述展示窗而在所述显示页面上可见;以及
视图轮换模块,用于通过移动所述内容容器来进行内容视图轮换,从而将当前可见的第一内容视图变为至少部分不可见,而使所述第一内容视图之后的第二内容视图变为可见。
10.根据权利要求9所述的装置,其中,
所述容器设置模块将所述内容容器的可见属性设置为其中与所述展示窗相重叠的部分可见,而不与所述展示窗重叠的部分不可见。
11.根据权利要求9所述的装置,其中,所述视图轮换模块包括:
容器移动模块,用于将所述内容容器沿与所述第一方向相反的第二方向移动对应于一个所述内容视图的距离,使得所述第二内容视图可见;
视图重定位模块,用于在所述内容容器中,对所述多个内容视图分别重新定位,从而将所述第一方向上的第一个内容视图移到第一方向的末尾,其它各内容视图分别沿所述第二方向移动对应于一个所述内容视图的距离,使得所述第二内容视图之后的第三内容视图可见;以及
容器回位模块,用于使所述内容容器返回初始设置的位置,从而使得所述第二内容视图可见。
12.根据权利要求11所述的装置,其中,
所述容器移动模块以动画方式显示沿所述第二方向移动所述内容容器的过程,
所述视图重定位模块以非动画方式直接对所述多个内容视图分别重新定位,并且
所述容器回位模块以非动画方式直接使所述内容容器返回初始设置的位置。
13.根据权利要求9所述的装置,其中,
所述视图轮换模块周期性地进行内容视图轮换;或者
针对每个所述内容视图,分别设定显示时间长度,所述视图轮换模块响应于当前内容视图被显示的时间长度达到所述显示时间长度,进行内容视图轮换;或者
所述视图轮换模块响应于用户的预定操作,进行内容视图轮换。
14.根据权利要求9所述的装置,其中,
所述容器设置模块将所述内容容器的位置初始设置为使得其中任何一个内容视图可见;或者
所述容器设置模块将所述内容容器的位置初始设置为使得其中所述第一方向上的第一个内容视图可见。
15.根据权利要求9-14中任何一项所述的装置,其中,
所述容器设置模块将所述内容视图的尺寸设置为与所述展示窗的尺寸相适应。
16.根据权利要求15所述的装置,其中,在所述第一方向上,所述多个内容视图具有相同的尺寸,并且,
在所述第一方向上,所述展示窗的尺寸与所述内容视图的尺寸相同;或者
在所述第一方向上,所述展示窗的尺寸大于所述内容视图的尺寸,使得当前完全可见的内容视图之前或之后的内容视图至少部分可见。
17.一种电子设备,包括:
显示屏幕;
处理器;以及
存储器,其上存储有可执行代码,当所述可执行代码被所述处理器执行时,使所述处理器执行如权利要求1-8中任何一项所述的内容轮播方法,以在所述显示屏幕的显示页面上实现内容轮播。
18.一种非暂时性机器可读存储介质,其上存储有可执行代码,当所述可执行代码被电子设备的处理器执行时,使所述处理器执行如权利要求1至8中任何一项所述的内容轮播方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710313909.6A CN107147940B (zh) | 2017-05-05 | 2017-05-05 | 内容轮播的方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710313909.6A CN107147940B (zh) | 2017-05-05 | 2017-05-05 | 内容轮播的方法、装置、电子设备和存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107147940A true CN107147940A (zh) | 2017-09-08 |
CN107147940B CN107147940B (zh) | 2021-02-19 |
Family
ID=59776863
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710313909.6A Active CN107147940B (zh) | 2017-05-05 | 2017-05-05 | 内容轮播的方法、装置、电子设备和存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107147940B (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107885814A (zh) * | 2017-11-06 | 2018-04-06 | 北京金风科创风电设备有限公司 | 显示轮播图的方法和装置 |
CN109117137A (zh) * | 2018-08-07 | 2019-01-01 | 武汉斗鱼网络科技有限公司 | 广告动画执行方法、装置、终端及可读介质 |
CN109151547A (zh) * | 2018-08-30 | 2019-01-04 | 广州虎牙信息科技有限公司 | 一种轮播方法、装置、终端及存储介质 |
CN109345286A (zh) * | 2018-09-06 | 2019-02-15 | 武汉斗鱼网络科技有限公司 | 一种分区定制模块优化的方法及终端 |
CN109684488A (zh) * | 2018-11-28 | 2019-04-26 | 平安科技(深圳)有限公司 | 轮播控制方法及其装置、计算机可读介质及电子设备 |
CN110858154A (zh) * | 2018-08-24 | 2020-03-03 | 北京金山云网络技术有限公司 | 一种轮播图的切换显示方法、装置、电子设备及存储介质 |
CN111045666A (zh) * | 2019-12-03 | 2020-04-21 | 成都四方伟业软件股份有限公司 | 一种使用配置方式生成3d轮播效果的方法及装置 |
CN113360692A (zh) * | 2021-06-22 | 2021-09-07 | 上海哔哩哔哩科技有限公司 | 轮播视图的展示方法与系统 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103020076A (zh) * | 2011-09-23 | 2013-04-03 | 深圳市快播科技有限公司 | 一种播放器的视频文件动态预览方法和装置 |
CN103049183A (zh) * | 2012-12-07 | 2013-04-17 | 腾讯科技(深圳)有限公司 | 一种应用于社交平台的媒体内容展示方法及系统 |
CN103914450A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 移动终端平台中网页图片呈现方法和装置 |
CN104869429A (zh) * | 2015-05-19 | 2015-08-26 | 乐视致新电子科技(天津)有限公司 | 视频预览的方法和装置 |
US20160295278A1 (en) * | 2005-12-29 | 2016-10-06 | Rovi Guides, Inc. | Systems and methods for episode tracking in an interactive media environment |
CN106020590A (zh) * | 2016-05-09 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 视图显示方法及装置 |
CN106408348A (zh) * | 2016-09-30 | 2017-02-15 | 北京奇虎科技有限公司 | 一种轮播广告位的广告展示方法和装置 |
-
2017
- 2017-05-05 CN CN201710313909.6A patent/CN107147940B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160295278A1 (en) * | 2005-12-29 | 2016-10-06 | Rovi Guides, Inc. | Systems and methods for episode tracking in an interactive media environment |
CN103020076A (zh) * | 2011-09-23 | 2013-04-03 | 深圳市快播科技有限公司 | 一种播放器的视频文件动态预览方法和装置 |
CN103049183A (zh) * | 2012-12-07 | 2013-04-17 | 腾讯科技(深圳)有限公司 | 一种应用于社交平台的媒体内容展示方法及系统 |
CN103914450A (zh) * | 2012-12-31 | 2014-07-09 | 北京新媒传信科技有限公司 | 移动终端平台中网页图片呈现方法和装置 |
CN104869429A (zh) * | 2015-05-19 | 2015-08-26 | 乐视致新电子科技(天津)有限公司 | 视频预览的方法和装置 |
CN106020590A (zh) * | 2016-05-09 | 2016-10-12 | 腾讯科技(深圳)有限公司 | 视图显示方法及装置 |
CN106408348A (zh) * | 2016-09-30 | 2017-02-15 | 北京奇虎科技有限公司 | 一种轮播广告位的广告展示方法和装置 |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107885814A (zh) * | 2017-11-06 | 2018-04-06 | 北京金风科创风电设备有限公司 | 显示轮播图的方法和装置 |
CN109117137A (zh) * | 2018-08-07 | 2019-01-01 | 武汉斗鱼网络科技有限公司 | 广告动画执行方法、装置、终端及可读介质 |
CN109117137B (zh) * | 2018-08-07 | 2021-07-23 | 武汉斗鱼网络科技有限公司 | 广告动画执行方法、装置、终端及可读介质 |
CN110858154A (zh) * | 2018-08-24 | 2020-03-03 | 北京金山云网络技术有限公司 | 一种轮播图的切换显示方法、装置、电子设备及存储介质 |
CN110858154B (zh) * | 2018-08-24 | 2023-09-01 | 北京金山云网络技术有限公司 | 一种轮播图的切换显示方法、装置、电子设备及存储介质 |
CN109151547A (zh) * | 2018-08-30 | 2019-01-04 | 广州虎牙信息科技有限公司 | 一种轮播方法、装置、终端及存储介质 |
CN109151547B (zh) * | 2018-08-30 | 2021-07-23 | 广州虎牙信息科技有限公司 | 一种轮播方法、装置、终端及存储介质 |
CN109345286A (zh) * | 2018-09-06 | 2019-02-15 | 武汉斗鱼网络科技有限公司 | 一种分区定制模块优化的方法及终端 |
CN109684488A (zh) * | 2018-11-28 | 2019-04-26 | 平安科技(深圳)有限公司 | 轮播控制方法及其装置、计算机可读介质及电子设备 |
CN111045666A (zh) * | 2019-12-03 | 2020-04-21 | 成都四方伟业软件股份有限公司 | 一种使用配置方式生成3d轮播效果的方法及装置 |
CN113360692A (zh) * | 2021-06-22 | 2021-09-07 | 上海哔哩哔哩科技有限公司 | 轮播视图的展示方法与系统 |
Also Published As
Publication number | Publication date |
---|---|
CN107147940B (zh) | 2021-02-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107147940A (zh) | 内容轮播的方法、装置、电子设备和存储介质 | |
CN109783181B (zh) | 屏幕适配显示方法、电子设备及计算机存储介质 | |
CN106095437B (zh) | 用户界面从右到左rtl的布局方式的实现方法及装置 | |
TWI697866B (zh) | 色彩補間動畫的實現方法和裝置 | |
CN105279251B (zh) | 虚拟礼物展示方法和装置 | |
CN103631865B (zh) | 网页生成方法及设备 | |
US20140298218A1 (en) | Automatic application of templates to content | |
US10649618B2 (en) | System and method for creating visual representation of data based on generated glyphs | |
CN103677491B (zh) | 一种用于渲染网页的方法和装置 | |
CN107577676A (zh) | 网页翻译方法、装置及系统 | |
CN109002241B (zh) | 视图错层显示方法、电子设备及存储介质 | |
EP4242839A1 (en) | Page switching display method and apparatus, storage medium, and electronic device | |
WO2020001028A1 (zh) | 图片错层显示方法、电子设备及存储介质 | |
CN107066244B (zh) | 一种移动终端应用界面的生成方法和装置 | |
CN108491140B (zh) | 互动内容的展示方法及装置 | |
CN107707965A (zh) | 一种弹幕的生成方法和装置 | |
CN107179920A (zh) | 网络引擎启动方法及装置 | |
CN107203303A (zh) | 一种界面显示方法及装置 | |
CN106446027A (zh) | 信息推荐方法及装置 | |
CN113835806B (zh) | 一种页面布局方法、装置、电子设备及存储介质 | |
CN105868246A (zh) | 一种图片显示方法及装置 | |
CN107450904A (zh) | 标题栏的绘制方法和装置 | |
CN105786881A (zh) | 自适应电子书刊文件结构以及相应的方法及装置 | |
CN106708478B (zh) | 滚动视图显示方法及装置 | |
CN106648342A (zh) | 电子书显示方法、装置和终端设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
TA01 | Transfer of patent application right | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20200710 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 510627 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping radio square B tower 13 floor 03 unit self Applicant before: GUANGZHOU ALIBABA LITERATURE INFORMATION TECHNOLOGY Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |