CN103164205B - 一种轮播效果的切换方法及装置 - Google Patents

一种轮播效果的切换方法及装置 Download PDF

Info

Publication number
CN103164205B
CN103164205B CN201110421953.1A CN201110421953A CN103164205B CN 103164205 B CN103164205 B CN 103164205B CN 201110421953 A CN201110421953 A CN 201110421953A CN 103164205 B CN103164205 B CN 103164205B
Authority
CN
China
Prior art keywords
control
effect
display object
carousel
carousel 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.)
Active
Application number
CN201110421953.1A
Other languages
English (en)
Other versions
CN103164205A (zh
Inventor
魏丽华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba Group Holding Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201110421953.1A priority Critical patent/CN103164205B/zh
Publication of CN103164205A publication Critical patent/CN103164205A/zh
Application granted granted Critical
Publication of CN103164205B publication Critical patent/CN103164205B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Two-Way Televisions, Distribution Of Moving Picture Or The Like (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请提供一种轮播效果的切换方法及装置，用于对包括M个显示对象的显示对象集进行轮播，其中M为大于等于2的整数，所述方法包括：在所述显示对象集以第一轮播效果显示在一显示区域的过程中，接收一轮播效果切换请求；以及基于所述轮播效果切换请求，将所述显示对象集以第二轮播效果显示在所述显示区域内，其中所述第一轮播效果与所述第二轮播效果不相同。

Description

一种轮播效果的切换方法及装置
技术领域
本申请涉及互联网技术领域，尤其涉及一种轮播效果的切换方法及装置。
背景技术
在互联网技术中，越来越多的以多图切换展现代替纯粹的静态图片和文字展现。现有技术中，多图轮播的效果包括遮罩、走马灯、渐变、滚动、翻书五大类效果，其中，每个大类中会根据形状或者方向分成若干子类效果以供选择。
在现有技术中，一些图形编辑器提供了很多模板，可以实现多种轮播效果，但实现原理基本相同，都是通过操作每个显示对象(例如图片)改变坐标位置、透明度、色相等基本属性来实现的。例如，走马灯效果，就是将所有图片排成一排(或者一列)放在一个容器中，但在显示区域只可见一张图片的大小，每次滚动就是将整排(或整列)图片由右至左(或由下至上)移动一个图片的距离，使得在显示区域中看得到的就是由当前图片缓动轮播到下一张图片，这种轮播效果就是运用更改整排(列)图片坐标值的原理来实现的。
然而，现有技术中的轮播效果与模板是绑定的，即选定了某个模板，就选定了一个固定的轮播效果，例如，选定了走马灯效果的模板，图片之间就只能以走马灯的效果切换，如果用户想使图片集以遮罩的效果显示，就只能换遮罩效果的模板，将该图片集置于该遮罩效果的模板中，所以使用起来很不方便，用户体验差。
另外，相应的，现有技术中在一个模板中控件也只能是该模板原先配置的控件，用户无法改变控件的显示形式，所以不够灵活，用户使用不便，用户体验差。
发明内容
本申请提供一种轮播效果的切换方法及装置，用以解决现有技术中存在的显示对象集的轮播效果不能任意切换的问题。
本申请一方面提供了一种轮播效果的切换方法，用于对包括M个显示对象的显示对象集进行轮播，其中M为大于等于2的整数，所述方法包括：在所述显示对象集以第一轮播效果显示在一显示区域的过程中，接收一轮播效果切换请求；以及基于所述轮播效果切换请求，将所述显示对象集以第二轮播效果显示在所述显示区域内，其中所述第一轮播效果与所述第二轮播效果不相同。
本申请另一方面提供一种轮播效果的切换装置，应用于包括M个显示对象的显示对象集，其中M为大于等于2的整数，所述装置包括：接收模块，用于在所述显示对象集以第一轮播效果显示在一显示区域的过程中，接收一轮播效果切换请求；以及切换模块，用于基于所述轮播效果切换请求，将所述显示对象集以第二轮播效果显示在所述显示区域内，其中所述第一轮播效果与所述第二轮播效果不相同。
本申请有益效果如下：
本申请一实施例中根据轮播效果切换请求，将显示对象集从第一轮播效果切换为第二轮播效果进行显示，使得一个显示对象集可在任意一个轮播效果之间切换，所以不用更换模板，操作简单，方便用户使用，用户体验好。
进一步，本申请一实施例中还提供与显示对象数量相等的控件，每个控件可以为数字、图形、文字或与控件对应的显示对象的缩略图等样式，具有多样灵活性，方便用户使用。
更进一步，本申请一实施例中采用ActionScript3等语言编写的脚本来实现轮播效果切换和控件编辑，运行效率高。
附图说明
图1为本申请一实施例中轮播效果的切换方法流程图；
图2a-图2b为本申请一实施例中显示对象及控件的示意图；
图3为本申请一实施例的轮播效果的切换装置功能框图。
具体实施方式
本申请第一实施例提供一种轮播效果的切换方法，该方法用于对包括M个显示对象的显示对象集进行轮播，其中，M为大于等于2的整数，请参考图1，图1为本实施例中轮播效果的切换方法流程图。
如图1所示，该方法包括：
步骤101：在显示对象集以第一轮播效果显示在一显示区域的过程中，接收一轮播效果切换请求；
步骤102：基于轮播效果切换请求，将显示对象集以第二轮播效果显示在显示区域内，其中，第一轮播效果与第二轮播效果不相同。
在本实施例中，为方便说明，显示对象以图片为例，在其他实施例中，显示对象还可以是flash动画，或者其他图文文件，本申请不作限制。
其中，显示对象集可以具有N种不同的轮播效果，其中，N为大于等于2的整数。例如遮罩、走马灯、渐变、滚动、翻书等。而显示区域可以是一网页上的显示区域，或者是广告牌上的一显示区域，只要是使用到图文轮播方法的显示区域都在本申请的保护范围之内。
在步骤101中，可以是周期性的接收一轮播效果切换请求，例如，每隔5分钟就切换一次轮播效果，也可以是由用户触发切换，产生切换请求，即根据用户的需要进行轮播效果切换。
在步骤102中，当接收到轮播效果切换请求后，在N种不同的轮播效果中随机选择与第一轮播效果不同的第二轮播效果，例如第一轮播效果为走马灯的轮播效果，当接收到轮播效果切换请求后，就在遮罩、渐变、滚动、翻书四种轮播效果中随机选择一种(例如遮罩)轮播效果，然后以遮罩轮播效果将显示对象集显示在显示区域内。
另外，在另一实施例中，如果是用户触发产生轮播效果切换请求，则根据用户选择的轮播效果将显示对象集显示在显示区域内。
以下以一具体实例来说明如何实现轮播效果的切换，具体在使用ActionScript3(AS3)语言设计程序时，使用一个图片资源控制类，一个效果控制类，其中，图片资源控制类是用来加载图片使用的，此时加载的图片都在(0，0)的坐标点，即所有图片都叠在一起，然后再使用效果类对这些图片进行控制，包括排列的方法(横排或者竖排)等方式，从而达到统一结构，使得显示对象集可以任意切换效果。
另外，在效果控制类中使用了AS3的继承的特性，主要是因为各个效果所需要的参数基本相同，所以先做一个效果控制的基类，用于接收参数和公共方法的调用，例如，开始播放效果的方法，清除效果残余的方法等等，这样在各个不同的效果类中，只需要专注于实现不同的效果算法即可，不需要再对参数和公共方法一一写出。
进一步，该方法还提供M个控件，其中，M个控件中每个控件与M个显示对象每一个显示对象一一对应，且M个控件分别控制M个显示对象以第一轮播效果或第二轮播效果进行显示。请参考图2a和图2b，图2a和图2b为显示对象及控件的示意图。
如图2a所示，在本实施例中，例如，显示对象集中包括三个显示对象，目前显示在显示区域的显示对象20，例如，显示对象20为一张图片，显示对象20上有一个七角形的形状，在显示区域的底部有对应三个显示对象的控件201，图2a中的控件形式是数字和图形结合的形式，目前控件201中第一个具有阴影的控件表示当前显示对象20是与该第一个控件对应的显示对象，第二个控件②对应显示对象集的第二个显示对象，第三个控件③对应显示对象集的第三个显示对象。
进一步，在当前的显示状态下，当接收到一控件切换请求时，就将控件从当前的控件形式切换到第二控件形式，其中，该控件切换请求可以是由用户触发产生的，也可以是周期性的自动触发生成的。第二控件形式请参考图2b，如图2b所示，控件202为三角形，控件202可以是由用户指定的形式，也可以是随机选择的，例如控件形式可以是数字、图形、文字或控件对应的显示对象的缩略图或者其结合，或者可以由用户自定义，当接收到控件切换请求时，就在这些控件形式中选择一种跟当前控件形式不同的控件形式。因此，控件使用具有多样灵活性，方便用户使用，而且跟图1中的方法配合使用，可以达到更好的效果，可以做出更多更好的显示效果，用户体验更好。
另外，在另一实施例中，只提供左箭头控件和右箭头控件，当左箭头控件被点击时，将显示区域中的显示对象以第一轮播效果或第二轮播效果切换为显示对象的前一个显示对象；当右箭头控件被点击时，将显示区域中的显示对象以第一轮播效果或第二轮播效果切换为显示对象的后一个显示对象。当然左箭头控件和右箭头控件也可以和前述图2a和图2b中的控件一起使用，可以更好的控制显示对象的显示。
在另一实施例中，还可以包括暂停的控件按钮，使得显示对象可以停留在当前显示的显示对象上，方便用户对自己感兴趣的显示对象仔细的观察。
在另一实施例中，当没有控件时，可以设置按照预定的时间间隔切换显示对象在显示区域的显示，例如每5秒切换一次。
以上各实施例中的方法可以使用ActionScript3的语言基于flash来实现，所以运行效率得到了很大的提高，在其他实施例中，也可以使用JavaScript语言基于html页面来实现。
本申请另一实施例还提供了一种轮播效果的切换装置，应用于包括M个显示对象的显示对象集，其中M为大于等于2的整数。
如图3所示，轮播效果切换装置包括：
接收模块301，用于在显示对象集以第一轮播效果显示在一显示区域的过程中，接收一轮播效果切换请求；以及切换模块302，用于基于轮播效果切换请求，将显示对象集以第二轮播效果显示在显示区域内，其中第一轮播效果与第二轮播效果不相同。
前述轮播效果的切换方法中的各种变化方式同样适用于本实施例的轮播效果切换装置，通过前述对轮播效果切换方法的详细描述，本领域技术人员可以清楚的知道本实施例中轮播效果切换装置的实施方法，所以为了说明书的简洁，在此不再详述。
本申请一实施例中根据轮播效果切换请求，将显示对象集从第一轮播效果切换为第二轮播效果进行显示，使得一个显示对象集可在任意一个轮播效果之间切换，所以不用更换模板，操作简单，方便用户使用，用户体验好。
进一步，本申请一实施例中还提供与显示对象数量相等的控件，每个控件可以为数字、图形、文字或与控件对应的显示对象的缩略图等样式，具有多样灵活性，方便用户使用。
更进一步，本申请一实施例中采用ActionScript3语言编写的脚本来实现轮播效果切换和控件编辑，所以运行效率提高。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (8)

1.一种轮播效果的切换方法，用于对包括M个显示对象的显示对象集进行轮播，其中M为大于等于2的整数，其特征在于，所述方法包括：
在所述显示对象集以第一轮播效果显示在一显示区域的过程中，接收一轮播效果切换请求；以及
基于所述轮播效果切换请求，将所述显示对象集以第二轮播效果显示在所述显示区域内，其中所述第一轮播效果与所述第二轮播效果不相同；并，
提供M个控件，其中所述M个控件中每个控件与所述M个显示对象每一个显示对象一一对应；以及，所述M个控件分别控制所述M个显示对象以所述第一轮播效果或所述第二轮播效果进行显示；
在所述M个控件以第一控件形式控制所述显示对象集的过程中，接收一控件切换请求；以及，基于所述控件切换请求，将所述M个控件切换成第二控件形式，其中所述第二控件形式不同于所述第一控件形式。
2.如权利要求1所述的方法，其特征在于，所述显示对象集具有N种不同的轮播效果，其中N为大于等于2的整数。
3.如权利要求1所述的方法，其特征在于，所述接收一轮播效果切换请求具体为：周期性的接收所述轮播效果切换请求。
4.如权利要求2所述的方法，其特征在于，所述将所述显示对象集以第二轮播效果显示在所述显示区域内具体包括：
在所述N种不同的轮播效果中随机选择与所述第一轮播效果不同的第二轮播效果；以及
将所述显示对象集以所述第二轮播效果显示在所述显示区域内。
5.如权利要求1所述的方法，其特征在于，所述第一控件形式和所述第二控件形式分别为数字、图形、文字或与所述M个控件中每个控件分别对应的显示对象的缩略图。
6.如权利要求1所述的方法，其特征在于，所述方法还包括：
提供左箭头控件和右箭头控件；
当所述左箭头控件被点击时，将所述显示区域中的显示对象以所述第一轮播效果或所述第二轮播效果切换为所述显示对象的前一个显示对象；以及
当所述右箭头控件被点击时，将所述显示区域中的显示对象以所述第一轮播效果或所述第二轮播效果切换为所述显示对象的后一个显示对象。
7.如权利要求1-6任一项所述的方法，其特征在于，所述方法通过ActionScript3语言编写的脚本实现。
8.一种轮播效果的切换装置，应用于包括M个显示对象的显示对象集，其中M为大于等于2的整数，其特征在于，所述装置包括：
接收模块，用于在所述显示对象集以第一轮播效果显示在一显示区域的过程中，接收一轮播效果切换请求；以及
切换模块，用于基于所述轮播效果切换请求，将所述显示对象集以第二轮播效果显示在所述显示区域内，其中所述第一轮播效果与所述第二轮播效果不相同；
所述切换模块，还用于提供M个控件，其中所述M个控件中每个控件与所述M个显示对象每一个显示对象一一对应，并基于所述M个控件分别控制所述M个显示对象以所述第一轮播效果或所述第二轮播效果进行显示；以及，在所述M个控件以第一控件形式控制所述显示对象集的过程中，接收一控件切换请求，并基于所述控件切换请求，将所述M个控件切换成第二控件形式，其中所述第二控件形式不同于所述第一控件形式。
CN201110421953.1A 2011-12-15 2011-12-15 一种轮播效果的切换方法及装置 Active CN103164205B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201110421953.1A CN103164205B (zh) 2011-12-15 2011-12-15 一种轮播效果的切换方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201110421953.1A CN103164205B (zh) 2011-12-15 2011-12-15 一种轮播效果的切换方法及装置

Publications (2)

Publication Number Publication Date
CN103164205A CN103164205A (zh) 2013-06-19
CN103164205B true CN103164205B (zh) 2016-08-24

Family

ID=48587330

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110421953.1A Active CN103164205B (zh) 2011-12-15 2011-12-15 一种轮播效果的切换方法及装置

Country Status (1)

Country Link
CN (1) CN103164205B (zh)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2018014849A1 (zh) * 2016-07-20 2018-01-25 腾讯科技（深圳）有限公司 一种媒体信息展示方法、装置和计算机存储介质
CN107102863B (zh) * 2017-05-08 2020-09-18 广州视源电子科技股份有限公司 一种根据轮播图片自动确定轮播区域背景色的方法及系统
CN107797802A (zh) * 2017-10-27 2018-03-13 福建中金在线信息科技有限公司 轮播图翻页效果的设置方法、装置及电子设备
CN107885814B (zh) * 2017-11-06 2018-12-14 北京金风科创风电设备有限公司 显示轮播图的方法和装置
CN110413355A (zh) * 2018-04-28 2019-11-05 北京京东尚科信息技术有限公司 一种控制轮播的方法和装置
CN111292393A (zh) * 2020-01-22 2020-06-16 北京达佳互联信息技术有限公司 图像处理方法、装置、电子设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1940924A (zh) * 2005-09-30 2007-04-04 纬创资通股份有限公司 集成多媒体文件的操作界面的方法
CN101030202A (zh) * 2006-03-01 2007-09-05 腾讯科技（深圳）有限公司 对像册中显示图片进行切换的系统及方法
CN101192129A (zh) * 2006-11-30 2008-06-04 重庆优腾信息技术有限公司 一种控制桌面背景的方法、装置及系统
CN101206658A (zh) * 2006-12-21 2008-06-25 鸿富锦精密工业（深圳）有限公司 图片显示装置及方法
CN101923546A (zh) * 2009-06-10 2010-12-22 中国移动通信集团公司 对文件夹内的图像文件进行播放的方法及系统

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002055755A (ja) * 2000-08-07 2002-02-20 Kazunori Tsukiki 情報処理装置
US7624351B2 (en) * 2001-10-02 2009-11-24 Verizon Corporate Services Group Inc. Methods and apparatus for controlling a plurality of applications

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1940924A (zh) * 2005-09-30 2007-04-04 纬创资通股份有限公司 集成多媒体文件的操作界面的方法
CN101030202A (zh) * 2006-03-01 2007-09-05 腾讯科技（深圳）有限公司 对像册中显示图片进行切换的系统及方法
CN101192129A (zh) * 2006-11-30 2008-06-04 重庆优腾信息技术有限公司 一种控制桌面背景的方法、装置及系统
CN101206658A (zh) * 2006-12-21 2008-06-25 鸿富锦精密工业（深圳）有限公司 图片显示装置及方法
CN101923546A (zh) * 2009-06-10 2010-12-22 中国移动通信集团公司 对文件夹内的图像文件进行播放的方法及系统

Also Published As

Publication number Publication date
CN103164205A (zh) 2013-06-19

Similar Documents

Publication Publication Date Title
CN103164205B (zh) 一种轮播效果的切换方法及装置
CN103297854B (zh) 一种web页面焦点控制方法
CN106095437B (zh) 用户界面从右到左rtl的布局方式的实现方法及装置
CN105786417B (zh) 一种静态图片的动态显示方法、装置及设备
CN105611379B (zh) 利用网页浏览器播放视频的方法、装置及电子设备
CN102902535A (zh) 一种图片自适应方法、系统和终端设备
CN104636142B (zh) 一种信息处理方法及电子设备
CN107147940B (zh) 内容轮播的方法、装置、电子设备和存储介质
CN106060674A (zh) 一种在前端实现智能视频直播的系统及方法
Romano et al. Recurrent flares in active region NOAA 11283
CN103679777A (zh) 一种页面遮罩的实现方法及装置
CN102662595A (zh) 用于移动终端屏幕的杂志式图文混排方法
CN108845737B (zh) 图片错层显示方法、电子设备及存储介质
EP3197176A1 (en) Android platform-based multimedia recommendation method and terminal device
CN103731759A (zh) 一种水印添加方法及装置
TWI574198B (zh) 檔案層疊式顯示系統及方法
CN105263038A (zh) 动态显示虚拟观众席的方法和装置
CN103279902A (zh) 电子菜谱显示方法
CN105828167A (zh) 截屏分享方法及装置
CN104010223A (zh) 接管终端系统进行视频播放的方法和系统
CN103747334A (zh) 一种智能电视停靠栏的实现方法、装置及智能电视
CN105208456A (zh) 显示虚拟观众互动信息的方法和装置
CN103607630B (zh) 一种智能电视停靠栏的实现方法、装置及智能电视
CN105912688A (zh) 一种音乐专辑信息推荐方法和装置
CN104740873A (zh) 游戏中的图像渲染方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 1182473

Country of ref document: HK

C14 Grant of patent or utility model
GR01 Patent grant
REG Reference to a national code

Ref country code: HK

Ref legal event code: GR

Ref document number: 1182473

Country of ref document: HK