CN106843701A - 一种图片轮换展示方法及装置 - Google Patents

Abstract

本发明实施例提供了一种图片轮换展示方法及装置。所述方法包括：确定待轮换展示的图片；将所确定的图片添加在用于轮换展示图片的滚动视图中；向用户展示所述滚动视图中的一张图片；当满足图片轮换展示条件时，通过所述滚动视图向用户展示当前展示图片的下一张图片。通过实施本方案，可以减小界面所展示的图片占用的展示空间。

Description

一种图片轮换展示方法及装置

技术领域

本发明涉及图片展示技术领域，特别是涉及一种图片轮换展示方法及装置。

背景技术

以图片的形式传播信息能够使人更加直观地了解所传播内容，因此，应用程序主页、网站主页等界面通常通过展示多张图片的方式来介绍网站信息、应用信息等内容。现有技术中，对于需要展示的多张图片往往同时展示，例如，在主界面预留多个用于展示图片的窗口，以同时展示图片，进而使观看者直观地了解所传播信息。

但是，现有技术中同时展示多张图片的方式，会过多占据界面的展示空间，影响当前界面的其他内容的显示。

发明内容

本发明实施例的目的在于提供一种图片轮换展示方法及装置，以减小界面所展示图片占用的展示空间。具体技术方案如下：

第一方面，本发明实施例提供了一种图片轮换展示方法，所述方法包括：

确定待轮换展示的图片；

将所确定的图片添加在用于轮换展示图片的滚动视图中；

向用户展示所述滚动视图中的一张图片；

当满足图片轮换展示条件时，通过所述滚动视图向用户展示当前展示图片的下一张图片。

可选的，所述图片轮换展示条件，包括：

图片展示时长到达预设时长；

或

接收到用户针对当前展示图片的下一张图片的展示指令。

可选的，所述通过所述滚动视图向用户展示当前展示图片的下一张图片，包括：

以横向滚动方式或竖向滚动方式，通过所述滚动视图向用户展示当前展示图片的下一张图片，其中，滚动方式为预先设置的。

可选的，所述通过所述滚动视图向用户展示当前展示图片的下一张图片，包括：

以预设滚动距离滚动当前展示图片的下一张图片，通过所述滚动视图向用户展示当前展示图片的下一张图片。

可选的，所述方法还包括：

接收用户针对当前展示图片的信息的查看指令；

基于所述查看指令，显示当前展示图片的信息。

可选的，所述方法还包括：

接收用户针对当前展示图片的拖动指令；

基于所述拖动指令，平移当前展示图片；

当接收到用户针对平移的图片取消拖动指令后，将所述滚动视图中当前同时显示的两张图片中占用所述滚动视图比例大的图片，确定为待显示图片；

通过所述滚动视图，完全展示所述待显示图片。

第二方面，本发明实施例还提供了一种图片轮换展示装置，所述装置包括：

第一确定模块，用于确定待轮换展示的图片；

添加模块，用于将所确定的图片添加在用于轮换展示图片的滚动视图中；

第一展示模块，用于向用户展示所述滚动视图中的一张图片；

第二展示模块，用于当满足图片轮换展示条件时，通过所述滚动视图向用户展示当前展示图片的下一张图片。

可选的，所述图片轮换展示条件，包括：

图片展示时长到达预设时长；

或

接收到用户针对当前展示图片的下一张图片的展示指令。

可选的，所述第二展示模块，具体用于：

当满足图片轮换展示条件时，以横向滚动方式或竖向滚动方式，通过所述滚动视图向用户展示当前展示图片的下一张图片，其中，滚动方式为预先设置的。

可选的，所述第二展示模块，具体用于：

当满足图片轮换展示条件时，以预设滚动距离滚动当前展示图片的下一张图片，通过所述滚动视图向用户展示当前展示图片的下一张图片。

可选的，所述装置还包括：

第一接收模块，用于接收用户针对当前展示图片的信息的查看指令；

显示模块，用于基于所述查看指令，显示当前展示图片的信息。

可选的，所述装置还包括：

第二接收模块，用于接收用户针对当前展示图片的拖动指令；

平移模块，用于基于所述拖动指令，平移当前展示图片；

第二确定模块，用于当接收到用户针对平移的图片取消拖动指令后，将所述滚动视图中当前同时显示的两张图片中占用所述滚动视图比例大的图片，确定为待显示图片；

第三展示模块，用于通过所述滚动视图，完全展示所述待显示图片。

本发明实施例提供的一种图片轮换展示方法及装置，所述方法将需要展示的图片通过滚动视图轮流展示。由于图片被轮流展示，一个展示窗口可以展示多张图片，因此，可以减小界面所展示图片占用的展示空间。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的一种图片轮换展示方法的步骤流程图；

图2为本发明实施例提供的一种图片轮换展示装置的结构示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

本发明实施例提供了一种图片轮换展示方法及装置，以下分别进行详细介绍。

首先，介绍本发明实施例提供的一种图片轮换展示方法，应用于终端设备。需要说明的是，该终端设备可以为智能手机、平板电脑、台式计算机等终端设备。具体的，上述方法应用于终端设备上的一种图片轮换展示装置，该装置可以为具有某种功能的应用软件，例如，图片浏览器等；上述装置还可以为应用软件的插件，例如，浏览器的插件、视频播放器的插件、演示文稿的插件等。

如图1所示，本发明实施例所提供的一种图片轮换展示方法，所述方法包括如下步骤：

S101：确定待轮换展示的图片；

其中，待轮换展示的图片可以为来源于网络的图片，也可以为终端设备本地的图片。对于上述图片的格式、大小，本发明实施例不做限定。

在一种实现方式中，确定上述图片的方式具体可以为：接收上述图片的连接地址；将上述连接地址中所存储的图片确定为待轮换展示的图片。其中，上述连接地址可以为本地地址，当然也可以为统一资源定位符。

在另一种实现方式中，上述确定方式还可以为：接收针对图片的关键字；根据上述关键字确定待轮换展示图片。例如，接收的关键字为“钢笔”，将网络(本地存储空间)中关于钢笔的图片确定为待轮换展示图片。

S102：将所确定的图片添加在用于轮换展示图片的滚动视图中；

其中，滚动视图是可以按照预设方向滑动的控件，其可以预先创建。对于滑动的方向，可以沿横向方向滑动、沿竖向方向滑动，当然还可以沿倾斜线的方向滑动。

在一种实现方式中，可以通过如下代码创建：

可选的，添加所确定图片的步骤可以通过以下代码实现：

[scrollView addSubview:imageView].

将所确定图片添加至滚动视图后，滚动视图可以轮流展示所添加图片，即所确定图片，进而制造出图片滚动显示的效果。

S103：向用户展示所述滚动视图中的一张图片；

具体的，所展示的那一张图片，可以为步骤S102中所添加图片中的任意一张，具体展示哪一张图片，可以由用户自行设定。

S104：当满足图片轮换展示条件时，通过所述滚动视图向用户展示当前展示图片的下一张图片。

在一种实现方式中，图片轮换展示条件可以为：图片展示时长到达预设时长，其中，预设时长由用户根据实际需求设定，本发明实施例在此不做限定。例如，将4张图片添加至滚动视图中，分别为图片1、图片2、图片3和图片4，预设时长为3秒，首次展示图片1，当展示图片1时长到达3秒时，展示图片2；同样当展示图片2的时间到达3秒时，展示图片3，以此规律展示图片4。

可选的，对于时间的计时由预先设置的定时器完成，也就是说，由预设定时器对当前展示的时间进行计时。举例而言，假设预设时长为3秒，当图片1被滚动视图展示时，定时器开始计时，当计时达到3秒时，定时器发出信号，以告知滚动视图图片1的展示时间结束，进而展示下一张图片。

可选的，定时器可以通过以下代码实现：

在另一种实现方式中，图片轮换展示条件还可以为：接收到用户针对当前展示图片的下一张图片的展示指令。也就是说，如果没有接收到用户的指令，持续展示当前图片。其中，上述指令可以为用户针对某一控件的点击操作。

当满足图片轮换展示条件时，滚动视图按照步骤S102创建该滚动视图时所设定的预设方向，向用户展示当前展示图片的下一张图片，可选的，滚动方向可以是沿横向方向滑动的横向滚动，也可以是沿竖向方向滑动的竖向滚动。也就是说，以横向滚动或者竖向滚动的方式通过所述滚动视图向用户展示当前展示图片的下一张图片。对于下一张图片的确定方式，可以依据预先设定的展示图片顺序确定。对于展示图片顺序，具体可以为接收顺序，还可以按照与关键字相关程度、图片大小等将图片进行排序，以确定下一张图片。

可以理解的是，横向滚动分为由左向右、由右向左两个方向，同理，竖向滚动可以分为由上至下、由下至上两个方向，无论按照哪一方向滚动展示下一张图片，当当前显示的图片为展示顺序中的最后一张图片时，将展示顺序所规定的第一张图片确定为下一张图片。

可选的，在滚动视图实现展示下一张图片的功能时，可以从当前展示图片滚动至下一张图片，具体的，可以以预设滚动距离滚动当前展示图片的下一张图片，使下一张图片滚动至当前展示图片所在的位置，进而通过滚动视图向用户展示上述下一张图片。上述滚动距离可以为当前展示图片的宽度(高度)，例如，图片1为当前展示图片，图片2为当前展示图片的下一张图片，将图片2沿预设方向滚动预设距离，该距离为图片1的宽度(高度)，以使得图片2滚动至图片1的位置，进而滚动视图展示图片2。当然，滚动距离还可以为当前图片宽度(高度)的1/2、1/3等，当滚动距离分别为上述数值，相应的，分别滚动两次、三次以完全展示下一张图片。

当滚动视图展示下一张图片且满足图片轮换展示条件时，继续展示再下一张图片，以此循环，展示所有添加至滚动视图的图片。

本发明实施例提供的一种图片轮换展示方法，所述方法将需要展示的图片通过滚动视图轮流展示。由于图片被轮流展示，一个展示窗口可以展示多张图片，因此，可以减小界面所展示图片占用的展示空间。

进一步的，本发明实施例还可以显示当前展示图片的信息，具体包括如下步骤：接收用户针对当前展示图片的信息的查看指令；基于所述查看指令，显示当前展示图片的信息。其中，上述查看指令可以为手指、鼠标的点击操作，具体可以为单次点击、双击、三次点击等。当检测到上述指令，显示上述指令所对应的图片的信息。图片的信息可以包括图片的创建时间、修改时间、链接地址等。

再进一步的，本发明实施例的方法还可以根据用户的拖动动作展示图片，具体步骤可以包括：接收用户针对当前展示图片的拖动指令；基于所述拖动指令，平移当前展示图片；当接收到用户针对平移的图片取消拖动指令后，将所述滚动视图中当前同时显示的两张图片中占用所述滚动视图比例大的图片，确定为待显示图片；通过所述滚动视图，完全展示所述待显示图片。

其中的拖动指令，可以为鼠标的拖动指令，对于触摸屏来说，可以为手指的拖动指令。

可选的，基于拖动指令中，用户鼠标(手指)的拖动距离平移当前图片。其中，上述拖动距离与当前图片的平移距离之间的关系，可以为1:1、1:2、2:1、1:3等，本发明实施例不做具体限定。举例来说，当拖动距离与当前图片的平移距离之间的关系为1:2时，鼠标(手指)沿预设距离拖动1cm(厘米)的距离，当前展示图片沿预设方向平移2cm；当拖动距离与当前图片的平移距离之间的关系为2:1时，鼠标(手指)沿预设距离拖动1cm的距离，当前展示图片沿预设方向平移0.5cm。

需要说明的是，图片取消拖动指令可以在鼠标(手指)松开所拖动的图片的情况下生成，或者，还可以在鼠标(手指)已经移动至屏幕边缘，无法继续移动的情况下生成。当接收到图片取消拖动指令，表明用户不需要图片继续移动或者无法继续移动图片。

在接收到图片取消移动指令时，可能会出现同时展示两张图片的部分内容的情况。因此，将滚动视图中当前同时显示的两张图片(当前展示图片，以及其下一张图片)中占用滚动视图比例大的图片，确定为待显示图片，进而通过滚动视图，完全展示上述待显示图片。

相应于上述方法实施例，如图2所示，本发明实施例还提供了一种图片轮换展示装置，所述装置包括：

第一确定模块210，用于确定待轮换展示的图片；

添加模块220，用于将所确定的图片添加在用于轮换展示图片的滚动视图中；

第一展示模块230，用于向用户展示所述滚动视图中的一张图片；

第二展示模块240，用于当满足图片轮换展示条件时，通过所述滚动视图向用户展示当前展示图片的下一张图片。

可选的，所述图片轮换展示条件，包括：

图片展示时长到达预设时长；

或

接收到用户针对当前展示图片的下一张图片的展示指令。

可选的，所述第二展示模块240具体用于：

当满足图片轮换展示条件时，以横向滚动方式或竖向滚动方式，通过所述滚动视图向用户展示当前展示图片的下一张图片，其中，滚动方式为预先设置的。

可选的，所述第二展示模块具240体用于：

当满足图片轮换展示条件时，以预设滚动距离滚动当前展示图片的下一张图片，通过所述滚动视图向用户展示当前展示图片的下一张图片。

可选的，所述装置还包括：

第一接收模块，用于接收用户针对当前展示图片的信息的查看指令；

显示模块，用于基于所述查看指令，显示当前展示图片的信息。

可选的，所述装置还包括：

第二接收模块，用于接收用户针对当前展示图片的拖动指令；

平移模块，用于基于所述拖动指令，平移当前展示图片；

第二确定模块，用于当接收到用户针对平移的图片取消拖动指令后，将所述滚动视图中当前同时显示的两张图片中占用所述滚动视图比例大的图片，确定为待显示图片；

第三展示模块，用于通过所述滚动视图，完全展示所述待显示图片。

本发明实施例提供的一种图片轮换展示装置，所述方法将需要展示的图片通过滚动视图轮流展示。由于图片被轮流展示，一个展示窗口可以展示多张图片，因此，可以减小界面所展示图片占用的展示空间。

本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (10)

1.一种图片轮换展示方法，其特征在于，所述方法包括：

确定待轮换展示的图片；

将所确定的图片添加在用于轮换展示图片的滚动视图中；

向用户展示所述滚动视图中的一张图片；

当满足图片轮换展示条件时，通过所述滚动视图向用户展示当前展示图片的下一张图片。

2.根据权利要求1所述的方法，其特征在于，所述图片轮换展示条件，包括：

图片展示时长到达预设时长；

或

接收到用户针对当前展示图片的下一张图片的展示指令。

3.根据权利要求1所述的方法，其特征在于，所述通过所述滚动视图向用户展示当前展示图片的下一张图片，包括：

以横向滚动方式或竖向滚动方式，通过所述滚动视图向用户展示当前展示图片的下一张图片，其中，滚动方式为预先设置的。

4.根据权利要求1所述的方法，其特征在于，所述通过所述滚动视图向用户展示当前展示图片的下一张图片，包括：

以预设滚动距离滚动当前展示图片的下一张图片，通过所述滚动视图向用户展示当前展示图片的下一张图片。

5.根据权利要求1所述的方法，其特征在于，所述方法还包括：

接收用户针对当前展示图片的信息的查看指令；

基于所述查看指令，显示当前展示图片的信息。

6.根据权利要求1所述的方法，其特征在于，所述方法还包括：

接收用户针对当前展示图片的拖动指令；

基于所述拖动指令，平移当前展示图片；

当接收到用户针对平移的图片取消拖动指令后，将所述滚动视图中当前同时显示的两张图片中占用所述滚动视图比例大的图片，确定为待显示图片；

通过所述滚动视图，完全展示所述待显示图片。

7.一种图片轮换展示装置，其特征在于，所述装置包括：

第一确定模块，用于确定待轮换展示的图片；

添加模块，用于将所确定的图片添加在用于轮换展示图片的滚动视图中；

第一展示模块，用于向用户展示所述滚动视图中的一张图片；

第二展示模块，用于当满足图片轮换展示条件时，通过所述滚动视图向用户展示当前展示图片的下一张图片。

8.根据权利要求7所述的装置，其特征在于，所述图片轮换展示条件，包括：

图片展示时长到达预设时长；

或

接收到用户针对当前展示图片的下一张图片的展示指令。

9.根据权利要求7所述的装置，其特征在于，所述第二展示模块，具体用于：

当满足图片轮换展示条件时，以横向滚动方式或竖向滚动方式，通过所述滚动视图向用户展示当前展示图片的下一张图片，其中，滚动方式为预先设置的。

10.根据权利要求7所述的装置，其特征在于，所述第二展示模块，具体用于：

当满足图片轮换展示条件时，以预设滚动距离滚动当前展示图片的下一张图片，通过所述滚动视图向用户展示当前展示图片的下一张图片。