CN102184104A - 在显示屏上实现仿真翻页效果的方法及其装置 - Google Patents
在显示屏上实现仿真翻页效果的方法及其装置 Download PDFInfo
- Publication number
- CN102184104A CN102184104A CN2011101245426A CN201110124542A CN102184104A CN 102184104 A CN102184104 A CN 102184104A CN 2011101245426 A CN2011101245426 A CN 2011101245426A CN 201110124542 A CN201110124542 A CN 201110124542A CN 102184104 A CN102184104 A CN 102184104A
- Authority
- CN
- China
- Prior art keywords
- layer
- picture
- display screen
- angle
- symmetry
- 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.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种实现仿真翻页效果的装置,与显示屏及控件单元连接,且所述显示屏能够利用控件单元显示当前图片绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程,该装置包括图层设置单元、图片加载单元、动作传感单元及显示控制单元。本发明还公开了一种对应实现仿真翻页效果的方法。本发明实施例提供的实现仿真翻页效果的方法及装置,仅需动态地加载三个图层便可以在显示屏上仿真出逼真的翻页效果,既能发挥出显示屏潜在的硬件优势,更重要能够节省搭载显示屏的手持终端的宝贵硬件资源。
Description
技术领域
本发明涉及显示屏显示技术领域,尤其涉及一种在显示屏上实现仿真翻页效果的方法及装置。
背景技术
目前,显示屏技术的发展已日趋成熟,其产品在手机、PDA(个人数字助理)等手持终端上也得到越来越广泛的应用,并且还呈现出大尺寸的发展趋势。以使用操作系统(例如苹果公司为iPhone/iPad开发的iOS操作系统)的智能手机为例,无一例外都在将较为先进的大尺寸显示屏(触摸屏)。而随着显示屏在手持终端的广泛应用,如何在显示屏上呈现更丰富的视觉效果,以提高终端用户的使用体验,已日渐成为业内努力的目标。
在终端显示屏欲开发的众多提高体验的视觉效果中,又以仿真翻页效果的开发较为突出,因为该效果能以较低的硬件资源消耗给用户带去贴近类似翻唱片、翻书等日常操作的感受,从而引起用户的共鸣。同样以搭载iOS系统的手持终端为例,市场上已有多种产品能够运行于系统中来配合手指操作在终端使用的触摸屏上显示出仿真翻页效果。例如,上述手持终端自带的音乐播放程序中,便通过该公司已经开源提供的CATransform3DMakeRotation这一3D旋转动画类实现了仿真唱片专辑翻页的效果。实际上,目前在iOS系统应用的系列终端触摸屏上实现仿真翻页效果的方法,绝大部分都正是通过该3D旋转动画类来实现的。简言之,CATransform3DMakeRotation可以用来设置当前在触摸屏上显示的图片按特定轴进行一定角度的旋转。然而,以音乐播放程序为例,目前使用上述3D旋转动画类实现仿真翻页效果的方法,都局限于该类所提供的图片旋转功能,只能在终端触摸屏上提供近似于唱片翻页的显示,而无法真正意义上还原显示出实际生活中唱片翻页操作的效果,因而也就无法将触摸屏潜在的硬件优势发挥出来。并且,目前的相关应用一般是通过在内存中加载前后连续的几十张图片、甚至是静态加载要连续显示的所有图片,才能保证在显示屏上仿真出快速、无凝滞的翻页效果,如此对于搭载显示屏的结构紧凑、硬件资源宝贵的手持终端来说,无疑会造成巨大的资源消耗负担。
发明内容
本发明的实施例旨在提供一种在显示屏上实现仿真翻页效果的方法及装置,以解决普通仿真翻页效果的技术会造成硬件资源消耗负担的问题。
为实现上述目的,本发明的实施例提供了一种实现仿真翻页效果的方法,应用于与控件单元连接的显示屏上,且所述显示屏能够利用所述控件单元显示图片绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程,该方法包括以下步骤:
S1.设置包括上一图层、当前图层、下一图层的三个图层,并依次在所述当前图层、下一图层的对称轴第一侧加载要显示的第i个、第i+1个第一类图片,在所述三个图层的第二侧显示透明图层,其中i为大于0的自然数,且所述三个图层的对称轴在所述显示屏上的位置重合;
S2.在所述显示屏上显示由上至下依次叠加的与所述显示屏夹角为180°的所述上一图层以及与所述显示屏夹角为0°的所述当前图层和所述下一图层,并感测翻页动作;
S31.在感测到向后翻页动作时,利用所述控件单元在所述显示屏上显示所述当前图层绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程;且在旋转至夹角为90°时重新设置所述三个图层,将所述当前图层、所述下一图层依次设置为新的上一图层、当前图层,并在将i的值加1后转入步骤S1;以及
S32.在感测到向前翻页动作时,利用所述控件单元在所述显示屏上显示所述上一图层绕自身对称轴从与所述显示屏夹角为180°旋转至夹角为0°的旋转过程;且在旋转至夹角为90°时在所述上一图层的对称轴第一侧加载要显示的第i-1个第一类图片,并重新设置所述三个图层,将所述上一图层、所述当前图层依次设置为新的当前图层、下一图层,并在将i的值减1后转入所述步骤S1。
本发明的实施例还提出一种实现仿真翻页效果的装置,与显示屏及控件单元连接,且所述显示屏能够利用控件单元显示当前图片绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程,该装置包括:图层设置单元、图片加载单元、动作传感单元及显示控制单元;
所述图层设置单元设置包括上一图层、当前图层、下一图层的三个图层,且所述三个图层的对称轴在所述显示屏上的位置重合;
所述图片加载单元依次在所述当前图层、下一图层的对称轴第一侧加载要显示的第i个、第i+1个第一类图片,在所述三个图层的第二侧显示透明图层,其中i为大于0的自然数;
所述显示控制单元用于控制在所述显示屏上显示由上至下依次叠加的与所述显示屏夹角为180°的所述上一图层以及与所述显示屏夹角为0°的所述当前图层和所述下一图层;
所述动作传感单元用于感测翻页动作,并且
在所述动作传感单元感测到向后翻页动作时,所述显示控制单元利用所述控件单元在所述显示屏上显示所述当前图层绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程;且在旋转至夹角为90°时由所述图层设置单元重新设置所述三个图层,将所述当前图层、所述下一图层依次设置为新的上一图层、当前图层,并在将i的值加1后由所述图片加载单元对新的下一图层进行图片加载;
在所述动作传感单元感测到向前翻页动作时,所述显示控制单元利用所述控件单元在所述显示屏上显示所述上一图层绕自身对称轴从与所述显示屏夹角为180°旋转至夹角为0°的旋转过程;且在旋转至夹角为90°时,由所述图片加载单元在所述上一图层的对称轴第一侧加载要显示的第i-1个第一类图片,并由所述图层设置单元重新设置所述三个图层,将所述上一图层、所述当前图层依次设置为新的当前图层、下一图层。
由上述技术方案可知,本发明实施例提供的实现仿真翻页效果的方法及装置,仅需动态地加载三个图层便可以在显示屏上仿真出逼真的翻页效果,既能发挥出显示屏潜在的硬件优势,更重要能够节省搭载显示屏的手持终端的宝贵硬件资源。
附图说明
图1为本发明实现仿真翻页效果的方法实施例流程图;
图2~4分别为图1实施例应用的图层原理示意图一~三;
图5为本发明实现仿真翻页效果的装置实施例结构图。
具体实施方式
下面将详细描述本发明的具体实施例。应当注意,这里描述的实施例只用于举例说明,并不用于限制本发明。
图1为本发明实现仿真翻页效果的方法实施例流程图,该实施例方法应用于与控件单元连接的显示屏上,且该显示屏能够利用上述控件单元显示图片绕自身对称轴从与显示屏夹角为0°旋转至夹角为180°的旋转过程。在一个实施例中,该显示屏可以是使用手机操作系统(例如iOS系统)的手持终端所搭载的触摸屏,上述控件单元可以是例如iOS系统开发工具所开源提供的3D视图控件,但控件单元并不仅限于此,现有移动终端所使用的各种操作系统中,都会存在这样一个进行图片旋转的视图控件,此处不加以赘述。继续如图1所示,本实施例的方法包括以下步骤S101~S105。
S101、设置图层,加载图片;
在一个实施例中,本步骤S101中可以只需设置包括上一图层、当前图层、下一图层的三个图层,并依次在当前图层、下一图层的对称轴第一侧加载要显示的第i个、第i+1个第一类图片,在三个图层的第二侧不加载任何图片而直接显示透明图层,其中i为大于0的自然数,且三个图层的对称轴在触摸屏上的位置重合。
接续,在一个实施例中,还可以在前述上一图层的对称轴第一侧加载反面显示的第i个第二类图片。
图2为本步骤应用的图层原理示意图一,如图所示,在本实施例中,设置的上一图层、当前图层、下一图层均为矩形,并且三个图层的对称轴在触摸屏上(叠加后)的位置重合。继续如图2所示,在当前图层、下一图层的对称轴右侧(对应于前述的“第一侧”)分别加载有要显示的第1(设i的初始值为1)张、第2张专辑图片(对应于前述的“第一类图片”,图中以带编号1、2的光盘形状表示);如图2的最左边一部分所示,在上一图层的对称轴右侧则加载有要反面显示的第1张专辑内容列表(下文以歌曲列表为例)图片(对应于前述的“第二类图片”,图中以反面显示的字母“disk A”表示),此处“反面显示”的含义是指,要将图片或图层翻转之后才能看到正常显示的内容,后续在步骤S102中会有进一步例示。并且,三个图层的左侧(对应于前述的“第二侧”)均不加载任何图片而直接显示透明图层。在一个实施例中,上述第1张歌曲列表图片可以是通过将所存储的与第1张专辑图片对应(本质意义上可以理解为与第1张专辑对应)的歌曲列表文本与背景透明的空白图片而合成的。
结合上述内容,为便于后文进行统一、简洁的描述,“第一侧”均以“右侧”为例说明,“第二侧”则均以“左侧”为例说明;“第一类图片”均以“专辑图片”为例说明,并在图中依序以编号1、2、3...的光盘形状加以例示;“第二类图片”则均以“歌曲列表图片”为例说明,并在图中对应于编号1、2、3...的光盘形状以字母disk A、disk B、disk C...加以例示。然而本领域技术人员可以理解,本发明的实施例并不仅限于此,例如“第一侧”、“第二侧”可以分别指代“左侧”和“右侧”,而“第一类图片”和“第二类图片”则可以分别指代电子书的“奇数页”和“偶数页”,等等。
S102、在触摸屏上叠层显示设置的图层;
在一个实施例中,触摸屏上可以显示由上至下依次叠加的上一图层、当前图层和下一图层,但与当前图层和下一图层都是正面(假设以步骤S101中正常加载图片的面为正面)朝上(以面对观察者的方向)不同,上一图层在经过步骤S101的图片加载过程后在本步骤S102中转变为背面朝上。如图2所示,上一图层所加载的第1张歌曲列表图片在背面朝上时,触摸屏上显示的恰好是正常显示的歌曲列表,正如图中以正常显示的字母“disk A”所示,至于图示的虚线则表示该上一图层是背面朝上显示,而由于前述歌曲列表是与背景透明的空白图片合成,因此在将上一图层转变为背面朝上后,恰好能显示正常的字母“disk A”。
此处,触摸屏叠加显示的含义是指,在上面一层的图层的非透明部分能够遮挡(透明部分则不会遮挡)下面一层的图层,而上面一层的图层在进行从正面向背面(后续步骤中会有例示)的反转时,则会在触摸屏上渐渐显示出下面一层的图层。如此一来,本步骤S102在触摸屏上显示上述叠加的三个图层的最终效果即如图2的最右边一部分所示,也即显示出对称轴右侧为第1张专辑图片、左侧为第1张歌曲列表图片的状态。
另外,为便于后续对各图层的旋转过程进行分布、详细的描述,下文将前述的正面朝上状态定义为该图层与触摸屏的夹角为0°,而将前述的背面朝上状态定义为该图层与触摸屏的夹角为180°。如此一来,图2中在触摸屏上叠加的上一图层与触摸屏的夹角即为180°,而当前图层和下一图层与触摸屏的夹角均为0°
S103、感测触摸屏上的触屏动作,如果感测到向后翻页的触屏动作则转步骤S104,如果感测到向前翻页的触屏动作则转步骤S105;
在一个实施例中,向后翻页的触屏动作可以是指手指在触摸屏上向左滑动,对应向前翻页的触屏动作可以是指手指在触摸屏上向右滑动。然而本发明的实施例并不仅限于此,如可以是向上滑动对应向前翻页,向下滑动对应向后翻页,还可以根据方便或甚至可以由用户自定义前、后翻页的触屏动作。
另外,在不属于触摸屏的显示屏上实施本发明时,本步骤中可以是感测翻页动作,例如,可以是感测外接鼠标、键盘装置等输入的翻页动作。
S104、旋转当前图层,随后重新设置图层并执行i=i+1后转步骤S101;
于一个实施例中,在感测到向后翻页触屏动作时,可以利用控件单元在触摸屏上显示当前图层绕自身对称轴从与触摸屏夹角为0°旋转至夹角为180°的旋转过程;且在旋转至夹角大致为90°时重新设置三个图层,将前述的当前图层、下一图层依次设置为新的上一图层、当前图层,并在将i的值加1后转入步骤S101。
这里,结合之前步骤S102所述的,当前图层在由与触摸屏夹角为0°旋转至夹角为90°的过程中,下一图层加载的专辑图片(编号2的光盘图片)会渐渐显示在触摸屏上,从而呈现出逼真的翻页效果。而当前图层在旋转至与触摸屏夹角大致为90°时,可以重新设置三个图层,此时,前述的当前图层、下一图层即被设置成新的上一图层、当前图层,再转入步骤S101。结合步骤S101所述可知,此时可以在新的上一图层对称轴右侧(图3中显示为上侧)加载反面显示的第2个歌曲列表图片(图3中间最上面一部分即显示加载后的状态),之后则由新的上一图层代替原当前图层继续完成从90°夹角到180°夹角的旋转。新的当前图层由于已经加载了第2个专辑图片,因此转入步骤S101时可以不必重新加载图片;至于新设置的下一图层,则需要加载接下来的第3个专辑图片;最终,触摸屏上会显示出图层对称轴右侧为第2张专辑图片、左侧为第2张歌曲列表图片的状态,如图3的最右边一部分所示。
接续以上说明,(原)当前图层在旋转至与触摸屏夹角大致为90°时即被设置为新的上一图层,此时对于原上一图层的操作可以有多种选择。在一个实施例中,此时原上一图层可以临时调整为叠加在新的上一图层与新的当前图层之间,这样新的上一图层在代替原当前图层继续完成从90°夹角到180°夹角的旋转时,可以渐渐覆盖住原上一图层,从而呈现更逼真的翻页效果,而新的上一图层在停在夹角180°的位置时,此时即可清空(例如,从显存中清空)原上一图层。在另一个实施例中,此时还可以直接终止触摸屏上对原上一图层的显示,由于触摸屏上图层对称轴的左侧显示的要么是当前图层和下一图层显示的透明图层,要么是上一图层加载的歌曲列表文本与背景透明的空白图片合成后的图片,可以理解,该实施例对原上一图层采取的直接终止显示的方式,基本不会对翻页效果造成不良影响。
S105、旋转上一图层,随后重新设置图层并执行i=i-1后转步骤S101;
于一个实施例中,在感测到向前翻页触屏动作时,可以利用控件单元在触摸屏上显示上一图层绕自身对称轴从与触摸屏夹角为180°旋转至夹角为0°的旋转过程;且在旋转至夹角大致为90°时重新设置三个图层,将前述的上一图层、当前图层依次设置为新的当前图层、下一图层,并在将i的值减1后转入步骤S101。
这里,结合之前步骤S102所述的,上一图层在旋转至与触摸屏夹角大致为90°时,可以重新设置三个图层,此时,前述的上一图层、当前图层依次设置为新的当前图层、下一图层,再转入步骤S101。结合步骤S101所述可知,此时可以在新的当前图层对称轴右侧(图4中显示为上侧)加载第0个专辑图片;在一个实施例中,第0个专辑图片可以理解为整个专辑库的封面图片,图4中以不带编号的光盘形状例示,且图4中间一部分即显示加载后的状态,此处虚线也表示其为正面才为正常显示的状态。之后则由新的当前图层代替原上一图层完成从90°夹角到0°夹角的旋转。新的下一图层由于已经加载了第1个专辑图片,因此转入步骤S101时可以不必重新加载图片。至于新设置的上一图层,则需要按步骤S101中所述在其对称轴右侧加载反面显示的第0个歌曲列表图片;在一个实施例中,第0个歌曲列表图片可以是整个专辑库的专辑列表图片,图4中以字母disk加以例示。最终,触摸屏上会显示出图层对称轴右侧为专辑库封面图片、左侧为专辑库的专辑列表图片的状态,如图4的最右边一部分所示。
另外需要说明的是,本步骤中(原)上一图层在旋转至与触摸屏夹角大致为90°时才被设置为新的当前图层并加载专辑库封面图片,而在之前上一图层从180°夹角到大致90°夹角的这一旋转过程中,对于新的上一图层也可以选择多种操作。结合参考以上步骤S104中最后一段所述,在一个实施例中,本步骤S105中可以如上段所述那样在原上一图层旋转到大致90°夹角时才设置新的上一图层并加载图片;而在另一个实施例中,本步骤S105也可以在对原上一图层开始该旋转过程时就设置好新的上一图层并加载好专辑列表图片,如此一来便能呈现更逼真的翻页效果。
本发明一种实现仿真翻页效果的装置,图5为其实施例结构图,如图所示,本实施例实现仿真翻页效果的装置50与显示屏及控件单元52连接,且显示屏能够利用控件单元52显示当前图片绕自身对称轴从与触摸屏51夹角为0°旋转至夹角为180°的旋转过程。该装置50具体包括:图层设置单元501、图片加载单元502、屏幕传感单元503、显示控制单元504、专辑存储单元505及列表图片生成单元506。在一个实施例中,上述显示屏可以是使用iOS系统的手持终端所搭载的触摸屏51,上述控件单元52则可以是iOS系统开发工具所开源提供的视图控件,但控件单元52并不仅限于此,现有移动终端所使用的各种操作系统中,都会存在这样一个进行图片旋转的视图控件,此处不加以赘述。下面将对各单元及其相互配合的工作过程加以详细描述。
图层设置单元501首先设置包括上一图层、当前图层、下一图层的三个图层,且三个图层的对称轴在触摸屏51上的位置重合。
进而,图片加载单元502依次在图层设置单元501设置的当前图层、下一图层的对称轴第一侧加载要显示的第i个、第i+1个第一类图片,在三个图层的第二侧则不加载任何图片而直接显示透明图层,其中i为大于0的自然数。在一个实施例中,只要是上一图层保持在或正在进入与触摸屏51夹角为90°至180°的范围时,图片加载单元502都在上一图层的对称轴第一侧加载反面显示的第i个第二类图片。
接着,显示控制单元504控制在触摸屏51上显示由上至下依次叠加的与触摸屏51夹角为180°的上一图层以及与触摸屏51夹角为0°的当前图层和下一图层。
屏幕传感单元503用于感测触摸屏51上的触屏动作,在一个实施例中中,屏幕传感单元503可以将触摸屏51上的手指向左滑动感测为向后翻页触屏动作,而将触摸屏51上的手指向右滑动感测为向前翻页触屏动作。
在屏幕传感单元503感测到向后翻页触屏动作时,显示控制单元504利用控件单元52在触摸屏51上显示当前图层绕自身对称轴从与触摸屏51夹角为0°旋转至夹角为180°的旋转过程,且在旋转至夹角为90°时由图层设置单元501重新设置三个图层,将前述的当前图层、下一图层依次设置为新的上一图层、当前图层,并在将i的值加1后由图片加载单元502对新的下一图层进行图片加载。
在屏幕传感单元503感测到向前翻页触屏动作时,显示控制单元504利用控件单元52在触摸屏51上显示上一图层绕自身对称轴从与触摸屏51夹角为180°旋转至夹角为0°的旋转过程;且在旋转至夹角为90°时,由图片加载单元502在上一图层的对称轴第一侧加载要显示的第i-1个第一类图片,并由图层设置单元501重新设置三个图层,将前述的上一图层、当前图层依次设置为新的当前图层、下一图层。
另外,在一个实施例中,上述的第一类图片为唱片专辑图片,第二类图片为与唱片专辑对应的专辑列表图片。此时,专辑存储单元505用于存储唱片专辑图片及其对应的专辑列表文本;列表图片生成单元506用于将专辑存储单元505存储的与唱片专辑图片对应的专辑列表文本进行反向后,与背景透明的图片合成为专辑列表图片;图片加载单元502根据专辑存储单元505存储的唱片专辑图片加载上述第一类图片,并根据列表图片生成单元506合成的专辑列表图片加载第二类图片。
上面以图示触摸屏51为例阐述了本发明实现仿真翻页效果的装置实施例,但可以理解的是,上述实施例的装置同样可以适用于不属于触摸屏的普通显示屏,此时,屏幕传感单元503可以为动作感测单元,其可以用来感测例如通过鼠标、键盘等外接设备所输入的翻页动作。
同时,由上述方法及装置实施例的描述可知,本发明实现仿真翻页效果的装置实施例中各单元及其相互配合所完成的功能与方法实施例中各个步骤是相对应的,因此,尽管有些具体流程只出现在上述方法实施例中,而在装置实施例中未见描述,但这只是为了简洁起见,可以理解,这些具体流程也能够由上述实现仿真翻页效果的装置实施例通过已经描述过的功能、手段来来加以执行。
综上所述,本发明实施例提供的实现仿真翻页效果的方法及装置,仅需动态地加载三个图层便可以在诸如触摸屏的显示屏上仿真出逼真的翻页效果,既能发挥出显示屏潜在的硬件优势,更重要能够节省搭载显示屏的手持终端的宝贵硬件资源。
虽然已参照几个典型实施例描述了本发明,但应当理解,所用的术语是说明和示例性、而非限制性的术语。由于本发明能够以多种形式具体实施而不脱离发明的精神或实质,所以应当理解,上述实施例不限于任何前述的细节,而应在随附权利要求所限定的精神和范围内广泛地解释,因此落入权利要求或其等效范围内的全部变化和改型都应为随附权利要求所涵盖。
Claims (10)
1.一种实现仿真翻页效果的方法,应用于与控件单元连接的显示屏上,且所述显示屏能够利用所述控件单元显示图片绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程,该方法包括以下步骤:
S1.设置包括上一图层、当前图层、下一图层的三个图层,并依次在所述当前图层、下一图层的对称轴第一侧加载要显示的第i个、第i+1个第一类图片,在所述三个图层的第二侧显示透明图层,其中i为大于0的自然数,且所述三个图层的对称轴在所述显示屏上的位置重合;
S2.在所述显示屏上显示由上至下依次叠加的与所述显示屏夹角为180°的所述上一图层以及与所述显示屏夹角为0°的所述当前图层和所述下一图层,并感测翻页动作;
S31.在感测到向后翻页动作时,利用所述控件单元在所述显示屏上显示所述当前图层绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程;且在旋转至夹角为90°时重新设置所述三个图层,将所述当前图层、所述下一图层依次设置为新的上一图层、当前图层,并在将i的值加1后转入步骤S1;以及
S32.在感测到向前翻页动作时,利用所述控件单元在所述显示屏上显示所述上一图层绕自身对称轴从与所述显示屏夹角为180°旋转至夹角为0°的旋转过程;且在旋转至夹角为90°时在所述上一图层的对称轴第一侧加载要显示的第i-1个第一类图片,并重新设置所述三个图层,将所述上一图层、所述当前图层依次设置为新的当前图层、下一图层,并在将i的值减1后转入所述步骤S1。
2.如权利要求1所述实现仿真翻页效果的方法,其中,
所述步骤S1还包括:
在所述上一图层的对称轴第一侧加载反面显示的第i个第二类图片;
所述步骤S31还包括:
在所述当前图层旋转至与所述显示屏夹角为90°时将所述当前图层加载的所述第i个第一类图片替换加载为反面显示的第i+1个第二类图片。
3.如权利要求2所述实现仿真翻页效果的方法,其中,所述第一类图片为唱片专辑图片,所述第二类图片为与唱片专辑对应的专辑内容列表图片。
4.如权利要求3所述实现仿真翻页效果的方法,其中,所述步骤S1中包括的加载反面显示的第i个第二类图片具体包括:将所保存的与第i个唱片专辑图片对应的专辑内容列表文本进行反向后,与背景透明的图片合成为第i个专辑内容列表图片,并加载在所述上一图层的对称轴第一侧。
5.如权利要求1~4任一项所述实现仿真翻页效果的方法,其中,所述显示屏为触摸屏;所述向后翻页动作为手指在所述触摸屏上向左滑动,所述向前翻页动作为手指在所述触摸屏上向右滑动。
6.一种实现仿真翻页效果的装置,与显示屏及控件单元连接,且所述显示屏能够利用控件单元显示当前图片绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程,该装置包括:图层设置单元、图片加载单元、动作传感单元及显示控制单元;
所述图层设置单元设置包括上一图层、当前图层、下一图层的三个图层,且所述三个图层的对称轴在所述显示屏上的位置重合;
所述图片加载单元依次在所述当前图层、下一图层的对称轴第一侧加载要显示的第i个、第i+1个第一类图片,在所述三个图层的第二侧显示透明图层,其中i为大于0的自然数;
所述显示控制单元用于控制在所述显示屏上显示由上至下依次叠加的与所述显示屏夹角为180°的所述上一图层以及与所述显示屏夹角为0°的所述当前图层和所述下一图层;
所述动作传感单元用于感测翻页动作,并且
在所述动作传感单元感测到向后翻页动作时,所述显示控制单元利用所述控件单元在所述显示屏上显示所述当前图层绕自身对称轴从与所述显示屏夹角为0°旋转至夹角为180°的旋转过程;且在旋转至夹角为90°时由所述图层设置单元重新设置所述三个图层,将所述当前图层、所述下一图层依次设置为新的上一图层、当前图层,并在将i的值加1后由所述图片加载单元对新的下一图层进行图片加载;
在所述动作传感单元感测到向前翻页动作时,所述显示控制单元利用所述控件单元在所述显示屏上显示所述上一图层绕自身对称轴从与所述显示屏夹角为180°旋转至夹角为0°的旋转过程;且在旋转至夹角为90°时,由所述图片加载单元在所述上一图层的对称轴第一侧加载要显示的第i-1个第一类图片,并由所述图层设置单元重新设置所述三个图层,将所述上一图层、所述当前图层依次设置为新的当前图层、下一图层。
7.如权利要求6所述实现仿真翻页效果的装置,其中,
在所述上一图层与所述显示屏夹角为90°至180°时,所述图片加载单元在所述上一图层的对称轴第一侧加载反面显示的第i个第二类图片。
8.如权利要求7所述实现仿真翻页效果的装置,其中,所述第一类图片为唱片专辑图片,所述第二类图片为与唱片专辑对应的专辑内容列表图片。
9.如权利要求8所述实现仿真翻页效果的装置,其中,还包括专辑存储单元及列表图片生成单元;
所述专辑存储单元用于存储唱片专辑图片及其对应的专辑内容列表文本;
所述列表图片生成单元用于将所述专辑存储单元存储的与唱片专辑图片对应的专辑内容列表文本进行反向后,与背景透明的图片合成为专辑内容列表图片;
所述图片加载单元根据所述专辑存储单元存储的唱片专辑图片加载所述第一类图片,并根据所述列表图片生成单元合成的所述专辑内容列表图片加载所述第二类图片。
10.如权利要求6~9任一项所述实现仿真翻页效果的装置,其中,所述显示屏为触摸屏;所述动作传感单元将所述触摸屏上的手指向左滑动感测为所述向后翻页动作,并将所述触摸屏上的手指向右滑动感测为所述向前翻页动作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011101245426A CN102184104A (zh) | 2011-05-13 | 2011-05-13 | 在显示屏上实现仿真翻页效果的方法及其装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2011101245426A CN102184104A (zh) | 2011-05-13 | 2011-05-13 | 在显示屏上实现仿真翻页效果的方法及其装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102184104A true CN102184104A (zh) | 2011-09-14 |
Family
ID=44570285
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2011101245426A Pending CN102184104A (zh) | 2011-05-13 | 2011-05-13 | 在显示屏上实现仿真翻页效果的方法及其装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102184104A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102402392A (zh) * | 2011-10-31 | 2012-04-04 | 广东威创视讯科技股份有限公司 | 触摸屏的页面传送方法及装置 |
CN102609207A (zh) * | 2012-02-13 | 2012-07-25 | 广东欧珀移动通信有限公司 | 智能手机解锁界面切换方法 |
CN103914237A (zh) * | 2012-12-31 | 2014-07-09 | 比亚迪股份有限公司 | 通过多点触摸手势实现屏幕旋转的方法及终端设备 |
CN104657128A (zh) * | 2014-08-25 | 2015-05-27 | 北京齐尔布莱特科技有限公司 | 基于iOS操作系统的设备查看文章评论的方法 |
CN105912227A (zh) * | 2016-04-13 | 2016-08-31 | 广州阿里巴巴文学信息技术有限公司 | 一种文本信息的显示方法、装置和移动设备 |
CN111611037A (zh) * | 2020-05-09 | 2020-09-01 | 掌阅科技股份有限公司 | 用于电子书的视图对象处理方法、电子设备及存储介质 |
CN114428573A (zh) * | 2021-12-30 | 2022-05-03 | 北京字跳网络技术有限公司 | 特效图像处理方法、装置、电子设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101794191A (zh) * | 2010-02-10 | 2010-08-04 | 王家焱 | 电子书浏览器及其平移换页方法 |
CN101923435A (zh) * | 2010-08-24 | 2010-12-22 | 福州瑞芯微电子有限公司 | 电子书模拟真实翻页效果的方法 |
CN102053776A (zh) * | 2009-10-29 | 2011-05-11 | 深圳富泰宏精密工业有限公司 | 桌面管理系统及方法 |
-
2011
- 2011-05-13 CN CN2011101245426A patent/CN102184104A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102053776A (zh) * | 2009-10-29 | 2011-05-11 | 深圳富泰宏精密工业有限公司 | 桌面管理系统及方法 |
CN101794191A (zh) * | 2010-02-10 | 2010-08-04 | 王家焱 | 电子书浏览器及其平移换页方法 |
CN101923435A (zh) * | 2010-08-24 | 2010-12-22 | 福州瑞芯微电子有限公司 | 电子书模拟真实翻页效果的方法 |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102402392A (zh) * | 2011-10-31 | 2012-04-04 | 广东威创视讯科技股份有限公司 | 触摸屏的页面传送方法及装置 |
CN102402392B (zh) * | 2011-10-31 | 2014-07-02 | 广东威创视讯科技股份有限公司 | 触摸屏的页面传送方法及装置 |
CN102609207A (zh) * | 2012-02-13 | 2012-07-25 | 广东欧珀移动通信有限公司 | 智能手机解锁界面切换方法 |
CN103914237B (zh) * | 2012-12-31 | 2016-12-28 | 比亚迪股份有限公司 | 通过多点触摸手势实现屏幕旋转的方法及终端设备 |
CN103914237A (zh) * | 2012-12-31 | 2014-07-09 | 比亚迪股份有限公司 | 通过多点触摸手势实现屏幕旋转的方法及终端设备 |
CN104657128A (zh) * | 2014-08-25 | 2015-05-27 | 北京齐尔布莱特科技有限公司 | 基于iOS操作系统的设备查看文章评论的方法 |
CN104657128B (zh) * | 2014-08-25 | 2018-05-01 | 北京齐尔布莱特科技有限公司 | 基于iOS操作系统的设备查看文章评论的方法 |
CN105912227A (zh) * | 2016-04-13 | 2016-08-31 | 广州阿里巴巴文学信息技术有限公司 | 一种文本信息的显示方法、装置和移动设备 |
WO2017177931A1 (zh) * | 2016-04-13 | 2017-10-19 | 广州阿里巴巴文学信息技术有限公司 | 一种文本信息的显示方法、装置和移动设备 |
CN111611037A (zh) * | 2020-05-09 | 2020-09-01 | 掌阅科技股份有限公司 | 用于电子书的视图对象处理方法、电子设备及存储介质 |
CN111611037B (zh) * | 2020-05-09 | 2023-04-07 | 掌阅科技股份有限公司 | 用于电子书的视图对象处理方法、电子设备及存储介质 |
CN114428573A (zh) * | 2021-12-30 | 2022-05-03 | 北京字跳网络技术有限公司 | 特效图像处理方法、装置、电子设备及存储介质 |
CN114428573B (zh) * | 2021-12-30 | 2024-03-08 | 北京字跳网络技术有限公司 | 特效图像处理方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102184104A (zh) | 在显示屏上实现仿真翻页效果的方法及其装置 | |
US9460667B2 (en) | Incremental page transitions on electronic paper displays | |
JP5449400B2 (ja) | 仮想ページめくり | |
US8707211B2 (en) | Radial graphical user interface | |
EP2622433B1 (en) | Multi-screen user interface with orientation based control | |
EP2539801B1 (en) | Multi-screen dual tap gesture | |
US9454299B2 (en) | Methods, apparatus, computer-readable storage mediums and computer programs for selecting functions in a graphical user interface | |
US20140092100A1 (en) | Dial Menu | |
CN104704460A (zh) | 在电子装置上可叠加的工作空间 | |
CN107678664A (zh) | 一种终端界面切换、手势处理的方法、装置及终端 | |
CN102880414A (zh) | 终端设备及快速启动程序的方法 | |
CN102053776A (zh) | 桌面管理系统及方法 | |
CN103123573B (zh) | 电子装置 | |
US20150286342A1 (en) | System and method for displaying application data through tile objects | |
US20080215962A1 (en) | Pc-metadata on backside of photograph | |
CN105204756A (zh) | 一种用于操作触摸屏设备的屏幕的方法与设备 | |
CN106569674A (zh) | 移动终端及其屏幕操作控制方法 | |
TW201324312A (zh) | 具有觸摸屏的電子設備及其頁面處理方法 | |
CN103472989A (zh) | 一种壁纸的切换方法及终端 | |
JP2013016123A (ja) | 表示機器、及び、画面遷移方法 | |
CN109840315B (zh) | 一种详情信息查看方法及装置 | |
CN103019517B (zh) | 一种图标显示方法和终端 | |
US10691234B2 (en) | Receiving input from multiple touch sensors | |
CN104272712A (zh) | 用户设备及其操作控制方法 | |
CN108509125B (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 | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20110914 |