CN109151547A

CN109151547A - 一种轮播方法、装置、终端及存储介质

Info

Publication number: CN109151547A
Application number: CN201811002375.6A
Authority: CN
Inventors: 陈煜钏
Original assignee: Guangzhou Huya Information Technology Co Ltd
Current assignee: Guangzhou Huya Information Technology Co Ltd
Priority date: 2018-08-30
Filing date: 2018-08-30
Publication date: 2019-01-04
Anticipated expiration: 2038-08-30
Also published as: CN109151547B

Abstract

本申请提供一种轮播方法、装置、终端及存储介质，在当前显示窗口中显示第一视图，并将第二视图隐藏，其中，第一视图和第二视图分别绘制有至少一条轮播信息；当播放待轮播信息时，将当前显示窗口中显示的第一视图更新为第二视图；将第一视图隐藏，并在第一视图中绘制下一条待轮播信息，以播放所述下一条待轮播信息时，将当前显示窗口中显示的第二视图更新为第一视图。通过用待轮播信息覆盖视图中已播放的信息以实现用两个视图交替播放多条轮播信息，通过减少视图的数量可以减少消耗的内存，避免轮播时画面出现卡顿。

Description

一种轮播方法、装置、终端及存储介质

技术领域

本申请涉及互联网技术领域，特别是涉及一种轮播方法、装置、终端及存储介质。

背景技术

随着互联网的快速发展和普及，越来越多的广告、信息等都通过互联网来宣传，可以起到非常好的传播效果。通常打开一个网页，在网页的某个区域都存在广告位，以播放广告信息、赛事信息和新闻事件等等，目前，大多数广告信息等都采取轮播的方式，即在一个区域内轮流播放多条信息，这样可以充分利用广告位，且不会因重复播放一条信息而给用户造成视觉疲劳。现有的技术中，一般将需要轮播的每条信息都生成一个对应的视图，然后将这些视图添加到一个滚动视图容器里进行轮流播放，例如，有5条需要播放的信息，就生成5个视图，然后将5个视图添加到滚动视图容器轮流播放。但是现有的方案存在以下缺点：当信息数量较多时，生成的视图也较多，占用不必要的内存，在内存资源紧缺的情况下会造成卡顿。所以，在轮播过程中如何减小占用的内存，提升广告播放流畅度也是非常有必要的。

发明内容

有鉴于此，本申请提供一种轮播方法、装置、终端及存储介质。

具体地，本申请是通过如下技术方案实现的：

首先，本申请提供了一种轮播方法，具体包括以下步骤：

在当前显示窗口中显示第一视图，并将第二视图隐藏，其中，第一视图和第二视图分别绘制有至少一条轮播信息；

当播放待轮播信息时，将当前显示窗口中显示的第一视图更新为第二视图；

将第一视图隐藏，并在第一视图中绘制下一条待轮播信息，以播放所述下一条待轮播信息时，将当前显示窗口中显示的第二视图更新为第一视图。

可选地，所述轮播信息包括：文本信息和/或图片信息。

可选地，第一视图或第二视图被隐藏的位置与当前显示窗口的位置不同。

可选地，当前显示窗口显示第一视图时，第二视图被隐藏于第一指定位置；当前显示窗口显示第二视图时，第一视图被隐藏于第二指定位置；

播放所述下一条轮播信息之前还包括：

将第一视图从第二指定位置移动至第一指定位置。

可选地，所述将当前显示窗口中显示的第一视图更新为第二视图或将当前显示窗口中显示的第二视图更新为第一视图通过移动所述第一视图或第二视图实现，所述移动所述第一视图或第二视图的移动方式包括：

左右移动和/或上下移动；

所述移动所述第一视图或第二视图的移动方式还包括：

将所述第一视图和第二视图单独移动或同时移动。

可选地，所述轮播信息存储于数组中，通过数组下标从数组中获取待轮播信息并绘制到第一或第二视图中。

可选地，将所述待轮播信息绘制到第二视图以及将所述下一条待轮播信息绘制到第一视图的具体步骤包括：

将当前显示窗口中显示的第一视图的轮播信息数组下标Index0加1得到Index1；

取数组下标为Index 1的轮播信息作为待轮播信息绘制到第二视图中；

再将Index1加1后对数组长度取模得到Index2；

在将当前显示窗口中显示的第一视图更新为第二视图以播放待轮播信息时，取数组下标为Index2的轮播信息作为下一条待轮播信息绘制到第一视图中。

本申请还提供一种轮播装置，所述装置包括：

绘制模块，用于在当前显示窗口中显示第一视图，并将第二视图隐藏之前将轮播信息绘制到所述第一视图和第二视图中，还用于当播放待轮播信息时，当前显示窗口中显示的第一视图更新为第二视图并将第一视图隐藏时，在第一视图绘制下一条待轮播信息；

隐藏模块，用于在当前显示窗口显示第一视图时，将第二视图隐藏；还用于当播放待轮播信息，当前显示窗口中显示的第一视图更新为第二视图时，将第一视图隐藏；

更新模块，用于当播放待轮播信息时，将当前显示窗口中显示的第一视图更新为第二视图；还用于当将第一视图隐藏，并在第一视图中绘制下一条待轮播信息，以播放所述下一条待轮播信息时，将当前显示窗口中显示的第二视图更新为第一视图。

另外，本申请还提供了一种终端，所述终端用于播放轮播信息，其特征在于，所述终端包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现以下步骤：

进一步地，本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现以下步骤：

本申请取得的有益效果：用待轮播信息覆盖视图中已播放的信息以实现用两个视图交替播放多条轮播信息，通过减少视图的数量可以减少消耗的内存，避免轮播时画面出现卡顿。

附图说明

图1是本申请一示例性实施例示出的一种轮播方法流程图；

图2是本申请一示例性实施例示出的视图容器示意图；

图3a是本申请一示例性实施例的示意图；

图3b是本申请一示例性实施例的示意图；

图3c是本申请一示例性实施例的示意图；

图4是本申请一示例性实施例的显示窗口、第一指定位置和第二指定位置示意图；

图5是本申请一示例性实施例的显示窗口、第一指定位置和第二指定位置示意图；

图6a是本申请一示例性实施例的赛事轮播效果图；

图6b是本申请一示例性实施例的赛事轮播效果图；

图6c是本申请一示例性实施例的赛事轮播效果图；

图7是本申请一示例性实施例的轮播信息数组下标计算方法流程图；

图8是本申请一示例性实施例的轮播装置示意图；

图9是本申请一示例性实施例的终端设备示意图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

在本申请使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本申请。在本申请和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义。还应当理解，本文中使用的术语“和/或”是指并包含一个或多个相关联的列出项目的任何或所有可能组合。

应当理解，尽管在本申请可能采用术语第一、第二、第三等来描述各种信息，但这些信息不应限于这些术语。这些术语仅用来将同一类型的信息彼此区分开。例如，在不脱离本申请范围的情况下，第一信息也可以被称为第二信息，类似地，第二信息也可以被称为第一信息。取决于语境，如在此所使用的词语“如果”可以被解释成为“在……时”或“当……时”或“响应于确定”。

通常打开一个网页，在网页的某个区域都存在广告位，以播放广告信息、赛事信息和新闻事件等等。目前，大多数广告信息等都采取轮播的方式，即在一个区域内轮流播放多条信息，这样既可以充分利用广告位，又不会因重复播放一条信息而给用户造成视觉疲劳。目前，在采用轮播方式播放广告、赛事信息等，一般先将所要展示的每一条信息绘制到相对应的一个视图中，然后将这些视图添加到一个滚动视图容器里进行轮流播放。当需要播放的信息数量较多时，要用到的视图数量也较多，会占用比较大的内存，在内存资源紧缺时，容易在轮播过程中出现画面卡顿，影响播放效果。

为了解决因视图数量较多占用内存的问题，本申请提供了一种轮播方法，如图1所示，所述方法具体包括：

S101、在当前显示窗口中显示第一视图，并将第二视图隐藏，其中，第一视图和第二视图分别绘制有至少一条轮播信息；

S102、当播放待轮播信息时，将当前显示窗口中显示的第一视图更新为第二视图；

S103、将第一视图隐藏，并在第一视图中绘制下一条轮播信息，以播放所述下一条待轮播信息时，将当前显示窗口显示的第二视图更新为第一视图。

本申请所提供的轮播方法可用于各种广告、赛事信息投放的电子设备，如广告显示屏、网站后台服务器等。

在信息轮播前，一般会将所需轮播的信息绘制到预先创建好的视图当中。预先创建第一视图和第二视图，在第一视图和第二视图分别绘制至少一条轮播信息。当然，本申请提供的轮播方法中，需要的视图数量可根据实际需求具体创建，不过为了在播放过程中实现轮播效果，所需视图数量不少于两个，且视图数量越少越有利于节约内存。

另外，每个视图中绘制的轮播信息条数可根据实际需求具体设定，比如，为了突出每条轮播信息，使用户清楚的看到当前展示的轮播信息，可以在一个视图只绘制一条轮播信息，当然，为了节约视图，也可以在一个视图中同时绘制多条轮播信息。

轮播信息的形式可以是多样的，在某些情况，轮播信息可以是文本信息，在某些情况轮播信息可以是图片信息，在某些情况，轮播信息可以既包含文本信息又包含图片信息。一般在播放某些赛事或新闻事件时可采用简短的文字描述作为标题进行轮播，当然有些产品广告会将产品信息制作成图片，以加深观众的印象，加强传播效果。

在第一视图和第二视图中绘制好轮播信息后，可以将第一视图和第二视图置于视图容器中。如图2所示，视图容器200中包含显示窗口201，用户可以看到位于显示窗口中内容，显示窗口的大小为一个视图的大小，视图容器中显示窗口以外的区域可以设置为隐藏。将当前需要轮播的信息所在的视图置于显示窗口，其他视图则置于显示窗口以外的隐藏位置，可以只显示当前需要轮播的信息。在一实施例中，当播放第一视图中的轮播信息时，将第一视图置于视图容器的显示窗口中，第二视图置于视图容器显示窗口以外的隐藏位置将其隐藏。

视图的轮播是通过在视图容器中移动视图的位置来实现的，将需要显示的视图移动到显示窗口中显示，显示完后的视图移出显示窗口以将其隐藏。在一实施例中，如图3a所示，当播放第一视图时，第一视图位于视图容器300中的显示窗口302，第二视图则位于第一指定位置303，第一指定位置是显示窗口外的一个区域，可将第二视图隐藏。第一视图中的轮播信息播放完后，如图3b所示，可将第一视图移动至第二指定位置301，第二指定位置也是显示窗口外的一个区域，可将播放完的第一视图隐藏起来，然后将绘制有待轮播信息的第二视图移动至显示窗口302以播放第二视图中的待轮播信息。在第二视图播放完并需要播放下一条待轮播信息之前，如图3c所示，还可以先将第一视图从第二指定位置301移动至第一指定位置303，将下一条待轮播信息绘制到第一视图中，以在第二视图播放完后将第一视图移动到显示窗口播放下一条待轮播信息。需要指出的是，本实例图中所画的第一指定位置和第二指定位置只是本申请的一个实施例，第一指定位置和第二指定位置可以根据用户需要具体设定在视图容器中显示窗口以外的位置的任意位置。

在某些情况，轮播信息是左右移动轮流播放的，在某些情况，轮播信息是上下移动轮流播放的。在一个实施例中，通过移动第一视图或第二视图来更新当前显示窗口中的视图，第一视图或第二视图从被隐藏的位置移动到当前显示窗口的位置或从当前显示窗口的位置移动到被隐藏位置移动方式包括：左右移动和/或上下移动；且第一视图和第二视图可单独移动或同时移动。第一指定位置和第二指定位置可以位于显示窗口左右或上下的并排位置，如图4所示，当第一指定位置403和第二指定位置401位于显示窗口402左右并排位置时，轮播信息可实现左右轮播，当然图中所示的位置只是一个实例，第一指定位置和第二指定位置的位置可根据实际需求设定，只要位于显示窗口同排的左右位置即可。如图5所示，当第一指定位置503和第二指定位置501位于显示窗口502上下并排位置时，轮播信息可实现上下轮播，当然图中所示的位置只是一个实例，第一指定位置和第二指定位置的位置可根据实际需求设定，只要位于显示窗口同列的上下位置即可。

在某些情况下，当更换显示窗口中的视图时，第一视图和第二视图从隐藏位置移动到显示窗口或从显示窗口移动到隐藏位置，可以是每个视图先后单独移动，也可以是两个视图一起移动。比如，当先显示窗口显示的是第一视图，第二视图位于第一指定位置，当第一视图中的轮播信息播放完后，可以先将第一视图移动到第二指定位置，再将第二视图移动到显示窗口，这种方式在显示窗口中每次只可显示一个视图的轮播信息。当然，也可以在第一视图播放完后，将第一视图和第二视图同时移动，即第一视图逐渐从显示窗口消失，第二视图逐渐进入显示窗口，在显示窗口可以同时看到第一视图轮播信息的后面部分及第二视图信息的前面部分，这种播放方式可以实现动态的轮播效果。图6a，6b和6c为一个网页中的赛事信息轮播的效果图，在图6a中显示窗口播放的是绘制在视图A中的第一条赛事信息，绘制了第二条赛事信息的视图B则隐藏在显示窗口的下面位置。图6b中，第一条赛事信息播完后，视图A和视图B开始同时向上移动，视图A中的信息逐渐退出显示窗口，视图B中的信息逐渐进入显示窗口。图6c中，视图A已完全退出显示窗口，隐藏在显示窗口的上面位置，而显示窗口中正在播放视图B中的第二条赛事信息。另外，在轮播过程中，每个视图在显示窗口停留的时间以及视图移动的速度可以根据用户的具体需求设定。

一般而言，轮播信息的数量都会有多条，通常先将需要轮播的信息存储在内存中，然后从内存中读取每条信息绘制到视图中轮流播放，在一个实施例中，将轮播信息存储于数组中，通过数组下标从数组中获取所需的轮播信息并绘制到视图中。

将轮播信息存储于数组中，在逐个访问数组地址获取轮播信息时会出现数组越界的问题，为了防止数组越界，在一个实施例中，每次获取下一条轮播信息绘制到视图中时，先通过将当前显示窗口中的轮播信息的数组下标进行递增运算或取模运算来获得待轮播信息的数组下标，再根据计算得到的数组下标获取对应的轮播信息。

在一个实施例中，请参考图7，通过将当前显示窗口中的轮播信息的数组下标进行递增运算或取模运算得到待播放轮播信息的数组下标以及下一条待轮播信息的数组下标，然后将待轮播信息绘制到第二视图中，并且当显示窗口中的第一视图更新为第二视图后，将下一条待轮播信息绘制到第一视图中，具体步骤包括：

S701、将当前显示窗口中显示的第一视图的轮播信息数组下标Index0加1得到Index1；

S702、取数组下标为Index 1的轮播信息作为待轮播信息绘制到第二视图中；

S703、再将Index1加1后对数组长度取模得到Index2；

S704、在当前显示窗口中显示的第一视图更新为第二视图以播放待轮播信息时，取数组下标为Index2的轮播信息作为下一条待轮播信息绘制到第一视图中。

以下用一个例子具体说明，比如有四条轮播信息存储在数组中，对应的数组下标Index分别为0,1,2,3，此时数组长度为4。当前显示窗口中第一视图显示的轮播信息为数组下标为0的信息，将0加1得到数组下标1，则取数组下标为1的轮播信息绘制到第二视图中，在第一条信息播放后轮播。当播放第二视图时，用数组下标1再加上1得到2，数组长度为4，用2对数组长度4取模得到2，然后取数组下标为2的轮播信息绘制到已播放完的第一视图中，作为下一条待播放的信息。当播放第一视图中数组下标为2的信息时，又以当前数组下标2加1得到3，取数组下标为3的信息绘制到第二视图，当播放绘制有数组下标为3的第二视图时，又用3加1得到4，用计算得到的4对数组长度4取模，得到0，然后取数组下标为0的信息作为下一条播放信息绘制到第一视图中。通过重复以上的递增运算和取模运算，可以避免在访问数组地址获取轮播信息时出现数组越界的问题，且在数组中的所有轮播信息播放完后重新再从第一条信息开始播放。

与前述轮播方法的实施例相对应，本申请还提供了一种轮播装置，请参考图8，所述装置包括：

绘制模块801，用于在当前显示窗口中显示第一视图，并将第二视图隐藏之前将轮播信息绘制到所述第一视图和第二视图中，还用于当播放待轮播信息，当前显示窗口中显示的第一视图更新为第二视图并将第一视图隐藏时，在第一视图绘制下一条待轮播信息；

隐藏模块802，用于在当前显示窗口显示第一视图时，将第二视图隐藏；还用于当播放待轮播信息当前显示窗口中显示的第一视图更新为第二视图时，将第一视图隐藏；

更新模块803，用于当播放待轮播信息时，将当前显示窗口中显示的第一视图更新为第二视图；还用于当将第一视图隐藏，并在第一视图中绘制下一条待轮播信息，以播放所述下一条待轮播信息时，将当前显示窗口中显示的第二视图更新为第一视图。

上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本申请方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

另外，本申请还提供一种终端，所述终端可用于播放轮播信息，如图9所示，所述终端包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现以下步骤：

将第一视图隐藏，并在第一视图中绘制下一条待轮播信息，以播放所述下一条待轮播信息时，将当前显示的第二视图更新为第一视图。

进一步地，本申请还一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如下步骤：

本申请对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台终端设备执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random AccessMemory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims

1.一种轮播方法，其特征在于，所述方法用于展示轮播信息，具体包括：

2.如权利要求1所述的一种轮播方法，其特征在于，所述轮播信息包括：文本信息和/或图片信息。

3.如权利要求1所述的一种轮播方法，其特征在于，第一视图或第二视图被隐藏的位置与当前显示窗口的位置不同。

4.如权利要求1所述的一种轮播方法，其特征在于，当前显示窗口显示第一视图时，第二视图被隐藏于第一指定位置；当前显示窗口显示第二视图时，第一视图被隐藏于第二指定位置；

播放所述下一条轮播信息之前还包括：

将第一视图从第二指定位置移动至第一指定位置。

5.如权利要求3所述的一种轮播方法，其特征在于，所述将当前显示窗口中显示的第一视图更新为第二视图或将当前显示窗口中显示的第二视图更新为第一视图通过移动所述第一视图或第二视图实现，所述移动所述第一视图或第二视图的移动方式包括：

左右移动和/或上下移动；

所述移动所述第一视图或第二视图的移动方式还包括：

将所述第一视图和第二视图单独移动或同时移动。

6.如权利要求1所述的一种轮播方法，其特征在于，所述轮播信息存储于数组中，通过数组下标从数组中获取待轮播信息并绘制到第一或第二视图中。

7.如权利要求6所述的一种轮播方法，其特征在于，将所述待轮播信息绘制到第二视图以及将所述下一条待轮播信息绘制到第一视图的具体步骤包括：

再将Index1加1后对数组长度取模得到Index2；

8.一种轮播装置，其特征在于，所述装置包括：

9.一种终端，所述终端用于播放轮播信息，其特征在于，所述终端包括：

存储器，用于存储计算机程序；

处理器，用于执行所述计算机程序时实现如权利要求1至7任一项所述轮播方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述轮播方法的步骤。