CN103164205A - 一种轮播效果的切换方法及装置 - Google Patents
一种轮播效果的切换方法及装置 Download PDFInfo
- Publication number
- CN103164205A CN103164205A CN2011104219531A CN201110421953A CN103164205A CN 103164205 A CN103164205 A CN 103164205A CN 2011104219531 A CN2011104219531 A CN 2011104219531A CN 201110421953 A CN201110421953 A CN 201110421953A CN 103164205 A CN103164205 A CN 103164205A
- Authority
- CN
- China
- Prior art keywords
- carousel
- control
- carousel effect
- effect
- demonstration object
- 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
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Two-Way Televisions, Distribution Of Moving Picture Or The Like (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 (10)
1.一种轮播效果的切换方法,用于对包括M个显示对象的显示对象集进行轮播,其中M为大于等于2的整数,其特征在于,所述方法包括:
在所述显示对象集以第一轮播效果显示在一显示区域的过程中,接收一轮播效果切换请求;以及
基于所述轮播效果切换请求,将所述显示对象集以第二轮播效果显示在所述显示区域内,其中所述第一轮播效果与所述第二轮播效果不相同。
2.如权利要求1所述的方法,其特征在于,所述显示对象集具有N种不同的轮播效果,其中N为大于等于2的整数。
3.如权利要求1所述的方法,其特征在于,所述接收一轮播效果切换请求具体为:周期性的接收所述轮播效果切换请求。
4.如权利要求2所述的方法,其特征在于,所述将所述显示对象集以第二轮播效果显示在所述显示区域内具体包括:
在所述N种不同的轮播效果中随机选择与所述第一轮播效果不同的第二轮播效果;以及
将所述显示对象集以所述第二轮播效果显示在所述显示区域内。
5.如权利要求1所述的方法,其特征在于,所述方法还包括:
提供M个控件,其中所述M个控件中每个控件与所述M个显示对象每一个显示对象一一对应;以及
所述M个控件分别控制所述M个显示对象以所述第一轮播效果或所述第二轮播效果进行显示。
6.如权利要求5所述的方法,其特征在于,所述方法还包括:
在所述M个控件以第一控件形式控制所述显示对象集的过程中,接收一控件切换请求;以及
基于所述控件切换请求,将所述M个控件切换成第二控件形式,其中所述第二控件形式不同于所述第一控件形式。
7.如权利要求6所述的方法,其特征在于,所述第一控件形式和所述第二控件形式分别为数字、图形、文字或与所述M个控件中每个控件分别对应的显示对象的缩略图。
8.如权利要求1所述的方法,其特征在于,所述方法还包括:
提供左箭头控件和右箭头控件;
当所述左箭头控件被点击时,将所述显示区域中的显示对象以所述第一轮播效果或所述第二轮播效果切换为所述显示对象的前一个显示对象;以及
当所述右箭头控件被点击时,将所述显示区域中的显示对象以所述第一轮播效果或所述第二轮播效果切换为所述显示对象的后一个显示对象。
9.如权利要求1-8任一项所述的方法,其特征在于,所述方法通过ActionScript3语言编写的脚本实现。
10.一种轮播效果的切换装置,应用于包括M个显示对象的显示对象集,其中M为大于等于2的整数,其特征在于,所述装置包括:
接收模块,用于在所述显示对象集以第一轮播效果显示在一显示区域的过程中,接收一轮播效果切换请求;以及
切换模块,用于基于所述轮播效果切换请求,将所述显示对象集以第二轮播效果显示在所述显示区域内,其中所述第一轮播效果与所述第二轮播效果不相同。
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 true CN103164205A (zh) | 2013-06-19 |
CN103164205B 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) |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107102863A (zh) * | 2017-05-08 | 2017-08-29 | 广州视源电子科技股份有限公司 | 一种根据轮播图片自动确定轮播区域背景色的方法及系统 |
WO2018014849A1 (zh) * | 2016-07-20 | 2018-01-25 | 腾讯科技(深圳)有限公司 | 一种媒体信息展示方法、装置和计算机存储介质 |
CN107797802A (zh) * | 2017-10-27 | 2018-03-13 | 福建中金在线信息科技有限公司 | 轮播图翻页效果的设置方法、装置及电子设备 |
CN107885814A (zh) * | 2017-11-06 | 2018-04-06 | 北京金风科创风电设备有限公司 | 显示轮播图的方法和装置 |
CN110413355A (zh) * | 2018-04-28 | 2019-11-05 | 北京京东尚科信息技术有限公司 | 一种控制轮播的方法和装置 |
CN111292393A (zh) * | 2020-01-22 | 2020-06-16 | 北京达佳互联信息技术有限公司 | 图像处理方法、装置、电子设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2002055755A (ja) * | 2000-08-07 | 2002-02-20 | Kazunori Tsukiki | 情報処理装置 |
US20030071851A1 (en) * | 2001-10-02 | 2003-04-17 | Unger Joseph J. | Methods and apparatus for controlling a plurality of applications |
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 | 中国移动通信集团公司 | 对文件夹内的图像文件进行播放的方法及系统 |
-
2011
- 2011-12-15 CN CN201110421953.1A patent/CN103164205B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2002055755A (ja) * | 2000-08-07 | 2002-02-20 | Kazunori Tsukiki | 情報処理装置 |
US20030071851A1 (en) * | 2001-10-02 | 2003-04-17 | Unger Joseph J. | Methods and apparatus for controlling a plurality of applications |
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 | 中国移动通信集团公司 | 对文件夹内的图像文件进行播放的方法及系统 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2018014849A1 (zh) * | 2016-07-20 | 2018-01-25 | 腾讯科技(深圳)有限公司 | 一种媒体信息展示方法、装置和计算机存储介质 |
US11520820B2 (en) | 2016-07-20 | 2022-12-06 | Tencent Technology (Shenzhen) Company Limited | Media information display method and apparatus, and computer storage medium |
CN107102863A (zh) * | 2017-05-08 | 2017-08-29 | 广州视源电子科技股份有限公司 | 一种根据轮播图片自动确定轮播区域背景色的方法及系统 |
CN107797802A (zh) * | 2017-10-27 | 2018-03-13 | 福建中金在线信息科技有限公司 | 轮播图翻页效果的设置方法、装置及电子设备 |
CN107885814A (zh) * | 2017-11-06 | 2018-04-06 | 北京金风科创风电设备有限公司 | 显示轮播图的方法和装置 |
CN107885814B (zh) * | 2017-11-06 | 2018-12-14 | 北京金风科创风电设备有限公司 | 显示轮播图的方法和装置 |
CN110413355A (zh) * | 2018-04-28 | 2019-11-05 | 北京京东尚科信息技术有限公司 | 一种控制轮播的方法和装置 |
CN111292393A (zh) * | 2020-01-22 | 2020-06-16 | 北京达佳互联信息技术有限公司 | 图像处理方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN103164205B (zh) | 2016-08-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103164205A (zh) | 一种轮播效果的切换方法及装置 | |
CN104685460B (zh) | 透明显示装置及其显示方法 | |
CN103297854B (zh) | 一种web页面焦点控制方法 | |
US9965138B2 (en) | Mobile communications device, non-transitory computer-readable medium and method of activating update of home screen of mobile communications device | |
CN102541515B (zh) | 一种实现切屏特效的方法及装置 | |
US9697702B2 (en) | Display device and method for controlling the same | |
CN107147940B (zh) | 内容轮播的方法、装置、电子设备和存储介质 | |
CN106575190A (zh) | 图标调整大小 | |
CN109618206A (zh) | 呈现用户界面的方法和显示设备 | |
JP2008071353A (ja) | ウェブ文書構成装置および方法とウェブ文書配列設定装置 | |
CN103544253A (zh) | 一种以瀑布流方式显示图片的实现方法及系统 | |
CN102902535A (zh) | 一种图片自适应方法、系统和终端设备 | |
CN104239305A (zh) | 生成及展现电子文档的方法及装置 | |
CN105786417B (zh) | 一种静态图片的动态显示方法、装置及设备 | |
CN103593116A (zh) | 便携式终端工具栏的显示和控制方法、及其装置 | |
EP2743814A2 (en) | Display apparatus and method of providing user interface thereof | |
CN101702123A (zh) | 移动终端界面实现方法及系统 | |
CN102314307A (zh) | 人机界面呈现的方法及其手持装置 | |
CN109002241B (zh) | 视图错层显示方法、电子设备及存储介质 | |
CN101025761A (zh) | 新型主菜单界面及构成方法 | |
WO2017215542A1 (zh) | 展示图片的方法及装置 | |
CN1855093A (zh) | 手持设备交互式动态浏览器及其显示控制方法 | |
CN102945146A (zh) | 投影设备帮助信息的显示方法和系统 | |
CN110262749B (zh) | 一种网页操作方法、装置、容器、设备及介质 | |
CN107861711B (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 |