CN102981710A - 页面变换的方法和装置 - Google Patents
页面变换的方法和装置 Download PDFInfo
- Publication number
- CN102981710A CN102981710A CN2012104652024A CN201210465202A CN102981710A CN 102981710 A CN102981710 A CN 102981710A CN 2012104652024 A CN2012104652024 A CN 2012104652024A CN 201210465202 A CN201210465202 A CN 201210465202A CN 102981710 A CN102981710 A CN 102981710A
- Authority
- CN
- China
- Prior art keywords
- image
- belt
- zone
- page
- block
- 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
Abstract
本发明的页面变换的方法包含:显示当前页面;接收控制指令;依据该控制指令获取该当前页面的图像;依据该当前页面的图像和一个或多个目的图像合成多个不同的过渡图像;先后显示该多个过渡图像;以及在该多个过渡图像都显示至少一次后,显示目的页面。本发明的方法使得切换前后的页面具有关联,实现了切换前后页面的缓冲从而实现用户在切换过程进行进一步的操作。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种页面变换的方法和相关装置。
背景技术
在计算机领域,在现有的许多计算机程序(例如:浏览器、PDF阅读器等)操作过程中,当使用者要切换至新的页面、或是要在不同的页面间切换时,计算机程序都是立即完成页面切换,对于前后页面的转换缺乏缓冲。因此,页面切换前后页面之间缺乏关联,而且前后页面的转换缺乏缓冲。另外,现有的计算机程序也不支持用户对页面的变换过程进行控制,导致在页面变换的过程中用户与计算机程序之间缺乏互动的可能,从而用户无法在页面切换过程中对页面切换进行进一步的控制。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的页面变换的方法和相关装置:
根据本发明的一个方面,提供一种页面变换的方法,该方法包括:显示当前页面;接收控制指令;依据该控制指令获取该当前页面的图像;依据该当前页面的图像和一个或多个目的图像合成多个不同的过渡图像;先后显示该多个过渡图像;以及在该多个过渡图像都显示至少一次后,显示目的页面。
根据本发明的方法,其中,合成多个不同的过渡图像的步骤还包括:调整该当前页面的图像的透明度,以产生第一调整图像;调整该目的图像的透明度,以产生第二调整图像;将该第一调整图像和该第二调整图像迭合成第一过渡图像;调升该当前页面的图像的透明度,以产生第三调整图像;调降该目的图像的透明度,以产生第四调整图像;将该第三调整图像和该第四调整图像迭合成第二过渡图像;调升该当前页面的图像的透明度,以产生第五调整图像;调降该目的图像的透明度,以产生第六调整图像;以及将该第五调整图像和该第六调整图像迭合成第三过渡图像。
根据本发明的方法,其中,合成多个不同的过渡图像的步骤还包括:将该当前页面的图像中的第一组平行的多个带状区域的图像,与该目的图像中的第二组平行的多个带状区域的图像交错排列,以产生第一过渡图像;将该当前页面的图像中的第三组平行的多个带状区域的图像,与该目的图像中的第四组平行的多个带状区域的图像交错排列,以产生第二过渡图像;以及将该当前页面的图像中的第五组平行的多个带状区域的图像,与该目的图像中的第六组平行的多个带状区域的图像交错排列,以产生第三过渡图像;其中,该第一组带状区域中的各带状区域的宽度大于该第三组带状区域中的各带状区域的宽度、该第三组带状区域中的各带状区域的宽度大于该第五组带状区域中的各带状区域的宽度、该第二组带状区域中的各带状区域的宽度小于该第四组带状区域中的各带状区域的宽度、且该第四组带状区域中的各带状区域的宽度小于该第六组带状区域中的各带状区域的宽度。
根据本发明的方法,其中,合成多个不同的过渡图像的步骤还包括:将该当前页面的图像中的第一区块的图像,与该目的图像中的第二区块的图像组成第一过渡图像;将该当前页面的图像中的第三区块的图像,与该目的图像中的第四区块的图像组成第二过渡图像;以及将该当前页面的图像中的第五区块的图像,与该目的图像中的第六区块的图像组成第三过渡图像;其中,该第一区块的形状不同于该第二区块的形状、该第五区块的形状不同于该第六区块的形状、该第一区块的面积大于该第三区块的面积、该第三区块的面积大于该第五区块的面积、该第二区块的面积小于该第四区块的面积、且该第四区块的面积小于该第六区块的面积。
根据本发明的方法,其中,合成多个不同的过渡图像的步骤还包括:将该当前页面的图像中的第一带状区域的图像,与该目的图像中的第二带状区域的图像组合成第一过渡图像;将该当前页面的图像中的第三带状区域的图像,与该目的图像中的第四带状区域的图像组合成第二过渡图像;以及将该当前页面的图像中的第五带状区域的图像,与该目的图像中的第六带状区域的图像组合成第三过渡图像;其中,该第一带状区域的图像包含该第三带状区域的图像、该第三带状区域的图像包含该第五带状区域的图像、该第六带状区域的图像包含该第四带状区域的图像、且该第四带状区域的图像包含该第二带状区域的图像。
根据本发明的方法,还包括:获取该目的页面的图像,以产生该目的图像。
根据本发明的方法,其中,所述目的图像是预定目的图像。
根据本发明的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整显示该多个过渡图像的个体时间长度,使该多个过渡图像中的至少部分过渡图像具有不相等的显示时间长度。
根据本发明的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整显示该多个过渡图像的次序,使该多个过渡图像中的至少部分过渡图像显示超过一次。
根据本发明的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整显示该多个过渡图像的显示次序,使先按预定次序显示该多个过渡图像,再按相反次序显示该多个过渡图像。
根据本发明的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整显示该多个过渡图像的次序、速度、或次数,使该多个过渡图像呈现出动画效果。
根据本发明的方法,其中,所述图像是位图。
根据本发明的一个方面,提供一种页面变换装置,用于在同一程序的页面变换过程中产生动画效果,所述页面变换装置包括:显示模块,用于显示当前页面;接收模块,用于接收控制指令;图像获取模块,用于依据该控制指令获取该当前页面的图像;合成模块,用于依据该当前页面的图像和一个或多个目的图像合成多个不同的过渡图像;其中,所述显示模块还被配置成先后显示该多个过渡图像,以及在该多个过渡图像都显示至少一次后,显示目的页面。
根据本发明的页面变换装置,其中,所述合成模块还被配置成:调整该当前页面的图像的透明度,以产生第一调整图像,调整该目的图像的透明度,以产生第二调整图像,将该第一调整图像和该第二调整图像迭合成第一过渡图像;所述合成模块还被配置成:调升该当前页面的图像的透明度,以产生第三调整图像,调降该目的图像的透明度,以产生第四调整图像,将该第三调整图像和该第四调整图像迭合成第二过渡图像;所述合成模块还被配置成:调升该当前页面的图像的透明度,以产生第五调整图像;调降该目的图像的透明度,以产生第六调整图像;以及将该第五调整图像和该第六调整图像迭合成第三过渡图像。
根据本发明的页面变换装置,其中,所述合成模块还被配置成:将该当前页面的图像中的第一组平行的多个带状区域的图像,与该目的图像中的第二组平行的多个带状区域的图像交错排列,以产生第一过渡图像;将该当前页面的图像中的第三组平行的多个带状区域的图像,与该目的图像中的第四组平行的多个带状区域的图像交错排列,以产生第二过渡图像;以及将该当前页面的图像中的第五组平行的多个带状区域的图像,与该目的图像中的第六组平行的多个带状区域的图像交错排列,以产生第三过渡图像;其中,该第一组带状区域中的各带状区域的宽度大于该第三组带状区域中的各带状区域的宽度、该第三组带状区域中的各带状区域的宽度大于该第五组带状区域中的各带状区域的宽度、该第二组带状区域中的各带状区域的宽度小于该第四组带状区域中的各带状区域的宽度、且该第四组带状区域中的各带状区域的宽度小于该第六组带状区域中的各带状区域的宽度。
根据本发明的页面变换装置,其中,所述合成模块还被配置成:将该当前页面的图像中的第一区块的图像,与该目的图像中的第二区块的图像组成第一过渡图像;将该当前页面的图像中的第三区块的图像,与该目的图像中的第四区块的图像组成第二过渡图像;以及将该当前页面的图像中的第五区块的图像,与该目的图像中的第六区块的图像组成第三过渡图像;其中,该第一区块的形状不同于该第二区块的形状、该第五区块的形状不同于该第六区块的形状、该第一区块的面积大于该第三区块的面积、该第三区块的面积大于该第五区块的面积、该第二区块的面积小于该第四区块的面积、且该第四区块的面积小于该第六区块的面积。
根据本发明的页面变换装置,其中,所述合成模块还被配置成:将该当前页面的图像中的第一带状区域的图像,与该目的图像中的第二带状区域的图像组合成第一过渡图像;将该当前页面的图像中的第三带状区域的图像,与该目的图像中的第四带状区域的图像组合成第二过渡图像;以及将该当前页面的图像中的第五带状区域的图像,与该目的图像中的第六带状区域的图像组合成第三过渡图像;其中,该第一带状区域的图像包含该第三带状区域的图像、该第三带状区域的图像包含该第五带状区域的图像、该第六带状区域的图像包含该第四带状区域的图像、且该第四带状区域的图像包含该第二带状区域的图像。
根据本发明的页面变换装置,其中,所述合成模块会获取该目的页面的图像,以产生该目的图像。
根据本发明的页面变换装置,其中,所述目的图像是预定目的图像。
根据本发明的页面变换装置,其中,所述显示模块会依据该控制指令动态调整显示该多个过渡图像的个体时间长度,使该多个过渡图像中的至少部分过渡图像具有不相等的显示时间长度。
根据本发明的页面变换装置,其中,所述显示模块会依据该控制指令动态调整显示该多个过渡图像的次序,使该多个过渡图像中的至少部分过渡图像在该显示模块上显示超过一次。
根据本发明的页面变换装置,其中,所述显示模块会依据该控制指令动态调整该显示模块显示该多个过渡图像的显示次序,使先按预定次序显示该多个过渡图像,再按相反次序显示该多个过渡图像。
根据本发明的页面变换装置,其中,所述显示模块会依据该控制指令动态调整显示该多个过渡图像的次序、速度、或次数,使该多个过渡图像呈现出动画效果。
根据本发明的页面变换装置,其中,所述图像是位图。
与现有技术相比,根据本发明的技术方案的优点之一,是使得切换前后的页面具有关联,实现了切换前后页面的缓冲。进而实现用户在切换过程进行进一步的操作。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1是本发明一实施例的计算机系统简化后的功能方框图;
图2是图1中的页面变换模块简化后的功能方框图;
图3是本发明在目标程序中切换页面的方法的一实施例简化后的流程图;
图4至图5是目标程序视窗画面简化后的示意图;
图6是图3中的合成过渡图像的流程的一实施例简化后的流程图;
图7至图10是合成过渡图像的不同实施例简化后的示意图;
图11是本发明在目标程序中新增页面的方法的一实施例简化后的流程图;以及
图12是目标程序视窗画面简化后的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
请参考图1,图1是本发明的一实施例的计算机系统100简化后的功能方框图。计算机系统100可以包括处理器装置110、输入装置120、显示装置130、内存140和存储装置150。处理器装置110可以采用一个或多个处理器单元实施。输入装置120用于接收用户102的指令,可以采用各种有线或无线的输入设备实施,例如,键盘、鼠标、触控板、语音控制器、姿势感应器等设备。或者,也可以将输入装置120和显示装置130整合成一触控屏幕。内存140用以存储处理器装置110运作过程所需的数据。存储装置150中存储有采用一个或多个页面变换模块160,用于在同一目标程序的页面变换过程中产生动画效果。前述的目标程序可以是各种支持用户在同一程序的视窗内进行页面变换的计算机应用程序,例如浏览器、PDF阅读器等等。计算机系统100可以采用移动或非移动的设备实施,例如,个人计算机、笔记本电脑或手机等设备。
图2是图1中的页面变换模块160简化后的功能方框图。如图2所示,页面变换模块160包括显示模块210、接收模块220、图像获取模块230、以及合成模块240。显示模块210用于显示当前页面,接收模块220用于接收控制指令,图像获取模块230用于依据该控制指令获取该当前页面的图像,而合成模块240则用于依据该当前页面的图像和一个或多个目的图像合成多个不同的过渡图像。其中,当前页面的图像是位图(bitmap)。所述显示模块210还被配置成先后显示该多个过渡图像,以及在该多个过渡图像都显示至少一次后,显示目的页面。以下将结合图3至图5来进一步地说明计算机系统100在目标程序中变换页面的运行方式。
图3是本发明在目标程序中从当前页面切换至目的页面的方法的一实施例简化后的流程图。图3的左侧栏,代表计算机系统100的输入装置120所进行的流程;图3的右侧栏,代表显示装置130所进行的流程;而图3的中间栏,则代表页面变换模块160所进行的流程。图4至图5是目标程序视窗画面简化后的示意图。如图4所示,目标程序400的程序视窗画面中包含第一标签410、第二标签420、第三标签430、以及新增页面标签440。为方便起见,在此以浏览器作为目标程序400的实施例,来说明将目标程序400从与标签410对应的当前页面412切换至另一标签所对应的目的页面的方法。
在流程302中,页面变换模块160会利用处理器装置110执行渲染(render)进程,以渲染目标程序400的当前页面412。
在流程304中,页面变换模块160的显示模块210会利用显示装置130显示当前页面412的内容。
当用户102要将目标程序400的程序视窗画面的内容由当前页面412切换到另一页面时,可通过输入装置120对计算机系统100进行指示。此时,输入装置120会依据用户102的操作执行流程306,产生指示切换页面的控制指令。例如,在输入装置120为鼠标的一实施例中,用户102可操控鼠标将显示装置130上所显示的游标402移动到目标程序400的另一个标签上进行点击,如图5所示,以指示目标程序400切换到相对应的页面。或者,用户102也可操控鼠标将显示装置130上所显示的游标402移动到目标程序400的另一个标签上停留,以指示目标程序400切换到相对应的页面。或者,用户102也可操控鼠标将显示装置130上所显示的游标402以预定轨迹移动(例如画一个特定的图案),以指示目标程序400切换到相对应的页面。
在输入装置120为触控面板的一实施例中,用户102可直接用手指、触控笔等在触控面板上对应于目标程序400的另一个标签的位置进行点击,以指示目标程序400切换到相对应的页面。或者,用户102也可用手指、触控笔等在触控面板上以预定轨迹移动(例如画一个特定的图案),以指示目标程序400切换到相对应的页面。
为方便以下说明起见,在此假设输入装置120在流程306中产生的控制指令,是指示目标程序400将程序视窗画面中的内容由当前页面412切换到与标签420对应的目的页面422。
在流程308中,页面变换模块160的接收模块220会接收输入装置120在流程306中产生的控制指令。
在流程310中,页面变换模块160的图像获取模块230会从当前页面412的渲染进程中获取当前页面412的最终位图。例如,在浏览器采用chrome内核的实施例中,可以在渲染进程里创建一个内存位图作为绘制对象,让渲染进程把当前页面412重新绘制一遍,以取得当前页面412的最终位图。又例如,在浏览器采用IE内核的实施例中,可使用特定接口(例如:IviewObject接口)的绘图(Draw)函数把当前页面412的内容绘制到内存位图中,以取得当前页面412的最终位图。
在流程312中,页面变换模块160的图像获取模块230会从目的页面422的渲染进程中获取目的页面422的最终位图,以作为目的图像。图像获取模块230获取目的页面422的最终位图的方式,与前述获取当前页面412的最终位图的方式相类似。例如,在浏览器采用chrome内核的实施例中,可以在渲染进程里创建一个内存位图作为绘制对象,让渲染进程把目的页面422重新绘制一遍,以取得目的页面422的最终位图。又例如,在浏览器采用IE内核的实施例中,可使用IviewObject接口的绘图函数把目的页面422的内容绘制到内存位图中,以取得目的页面422的最终位图。
在流程314中,页面变换模块160的合成模块240依据当前页面412的图像和目的图像合成多个不同的过渡图像。以下将结合图6至图7来进一步说明流程314的实施方式。
图6是图3中合成过渡图像的流程314的一实施例简化后的流程图。图7是合成过渡图像的第一实施例简化后的示意图。在图7中,以图像710代表当前页面412的最终位图,并以图像750代表依据目的页面422的最终位图产生的目的图像。图7中的过渡图像720、730、及740则是用以代表合成模块240依据图像710和图像750所合成的多个图像。
在流程602中,合成模块240被配置成调整当前页面412的图像710的透明度,以产生第一调整图像。例如,合成模块240可将当前页面412的图像710的透明度调整成20%,以产生第一调整图像。
在流程604中,合成模块240被配置成调整目的页面422的图像750的透明度,以产生第二调整图像。例如,合成模块240可将目的页面422的图像750的透明度调整成80%,以产生第二调整图像。
在流程606中,合成模块240被配置成将该第一调整图像和该第二调整图像迭合成第一过渡图像720。
在流程608中,合成模块240被配置成调升当前页面412的图像710的透明度,以产生第三调整图像。例如,合成模块240可将当前页面412的图像710的透明度调整成40%,以产生第三调整图像。
在流程610中,合成模块240被配置成调降目的页面422的图像750的透明度,以产生第四调整图像。例如,合成模块240可将目的页面422的图像750的透明度调整成60%,以产生第四调整图像。
在流程612中,合成模块240被配置成将该第三调整图像和该第四调整图像迭合成第二过渡图像730。
在流程614中,合成模块240被配置成调升当前页面412的图像710的透明度,以产生第五调整图像。例如,合成模块240可将当前页面412的图像710的透明度调整成60%,以产生第五调整图像。
在流程616中,合成模块240被配置成调降目的页面422的图像750的透明度,以产生第六调整图像。例如,合成模块240可将目的页面422的图像750的透明度调整成40%,以产生第六调整图像。
在流程618中,合成模块240被配置成将该第五调整图像和该第六调整图像迭合成第三过渡图像740。
合成模块240在流程618之后的运作方式可依据上述方式进行类推。实践上,合成模块240每次对当前页面412的图像710的透明度调整幅度、以及对目的页面422的图像750的透明度调整幅度,可以维持固定,也可以是呈线性关系、平方关系、指数关系、或是曲线关系变化。例如,合成模块240每次对当前页面412的图像710的透明度调整幅度可以呈曲线关系逐渐增加,而每次对目的页面422的图像750的透明度调整幅度则可呈曲线关系逐渐减少。
在流程316中,页面变换模块160的显示模块210会将显示装置130设置成先后显示合成模块240所产生的多个过渡图像720~740。例如,显示模块210可将显示装置130设置成依序显示前述的多个过渡图像720~740。
在显示装置130将该多个过渡图像720~740都显示至少一次后,页面变换模块160会进行流程318,利用处理器装置110执行渲染进程,以渲染目的页面422。
在流程320中,页面变换模块160的显示模块210会利用显示装置130显示目的页面422的内容。
由前述说明可知,在显示模块210利用显示装置130显示目的页面422的内容前,显示模块210会先利用显示装置130先后显示合成模块240所产生的多个过渡图像720~740,以使目标程序400的程序视窗画面的内容在切换到目的页面422前,会呈现出特殊的视觉效果。在前述图7的实施例中,目标程序400的程序视窗画面的内容在切换到目的页面422前,会因显示模块210利用显示装置130先后显示过渡图像720~740而呈现类似渐变效果的丰富视觉变化。如此一来,便可有效解决现有技术中页面切换前后页面之间缺乏关联,而且前后页面的转换缺乏缓冲的问题。
除了前述的渐变效果外,也可以藉由调整合成模块240合成过渡图像的方式,使产生的多个过渡图像能藉由显示装置130的显示而呈现出不同的效果。
例如,图8是合成过渡图像的第二实施例简化后的示意图。在图8中,以图像810代表当前页面412的最终位图,并以图像850代表依据目的页面422的最终位图产生的目的图像。图8中的过渡图像820、830、及840则是用以代表合成模块240依据图像810和图像850所合成的多个图像。
在图8的实施例中,合成模块240被配置成将当前页面412的图像810中的第一组平行的多个带状区域821、823、825、827、和829的图像,与目的图像850中的第二组平行的多个带状区域822、824、826、和828的图像交错排列,以产生第一过渡图像820。
合成模块240还被配置成将该当前页面412的图像810中的第三组平行的多个带状区域831、833、835、837、和839的图像,与目的图像850中的第四组平行的多个带状区域832、834、836、838的图像交错排列,以产生第二过渡图像830。
合成模块240还被配置成将当前页面412的图像810中的第五组平行的多个带状区域841、843、845、847、和849的图像,与目的图像850中的第六组平行的多个带状区域842、844、846、和848的图像交错排列,以产生第三过渡图像840。
如图8所示,前述第一组带状区域中的各带状区域的宽度大于前述第三组带状区域中的各带状区域的宽度、前述第三组带状区域中的各带状区域的宽度大于前述第五组带状区域中的各带状区域的宽度、前述第二组带状区域中的各带状区域的宽度小于前述第四组带状区域中的各带状区域的宽度、且前述第四组带状区域中的各带状区域的宽度小于前述第六组带状区域中的各带状区域的宽度。
在图8的实施例中,目标程序400的程序视窗画面的内容在切换到目的页面422前,会因显示模块210利用显示装置130先后显示过渡图像820~840而呈现类似百叶窗效果的丰富视觉变化。如此一来,也可有效解决现有技术中页面切换前后页面之间缺乏关联,而且前后页面的转换缺乏缓冲的问题。
又例如,图9是合成过渡图像的第三实施例简化后的示意图。在图9中,以图像910代表当前页面412的最终位图,并以图像950代表依据目的页面422的最终位图产生的目的图像。图9中的过渡图像920、930、及940则是用以代表合成模块240依据图像910和图像950所合成的多个图像。
在图9的实施例中,合成模块240被配置成将当前页面412的图像910中的第一区块921的图像,与目的图像950中的第二区块922的图像组成第一过渡图像920,其中,第一区块921的形状不同于第二区块922的形状。
合成模块240还被配置成将当前页面412的图像910中的第三区块931的图像,与目的图像950中的第四区块932的图像组成第二过渡图像930,其中,第一区块921的面积大于第三区块931的面积。
合成模块240还被配置成将当前页面412的图像910中的第五区块941的图像,与目的图像950中的第六区块942的图像组成第三过渡图像940,其中,第五区块941的形状不同于第六区块942的形状。
如图9所示,前述第三区块931的面积大于前述第五区块941的面积、前述第二区块922的面积小于前述第四区块932的面积、且前述第四区块932的面积小于前述第六区块942的面积。
在图9的实施例中,目标程序400的程序视窗画面的内容在切换到目的页面422前,会因显示模块210利用显示装置130先后显示过渡图像920~940而呈现类似区块消失效果的丰富视觉变化。如此一来,也可有效解决现有技术中页面切换前后页面之间缺乏关联,而且前后页面的转换缺乏缓冲的问题。
又例如,图10是合成过渡图像的第四实施例简化后的示意图。在图10中,以图像1010代表当前页面412的最终位图,并以图像1050代表依据目的页面422的最终位图产生的目的图像。图10中的过渡图像1020、1030、及1040则是用以代表合成模块240依据图像1010和图像1050所合成的多个图像。
在图10的实施例中,合成模块240被配置成将当前页面412的图像1010中的第一带状区域1021的图像,与目的图像1050中的第二带状区域1022的图像组合成第一过渡图像1020。
合成模块240还被配置成将当前页面412的图像1010中的第三带状区域1031的图像,与目的图像1050中的第四带状区域1032的图像组合成第二过渡图像1030。
合成模块240还被配置成将当前页面412的图像1010中的第五带状区域1041的图像,与目的图像1050中的第六带状区域1042的图像组合成第三过渡图像1040。
如图10所示,第一带状区域1021的图像包含第三带状区域1031的图像、第三带状区域1031的图像包含第五带状区域1041的图像、第六带状区域1042的图像包含第四带状区域1032的图像、且第四带状区域1032的图像包含第二带状区域1022的图像。
在图10的实施例中,目标程序400的程序视窗画面的内容在切换到目的页面422前,会因显示模块210利用显示装置130先后显示过渡图像1020~1040而呈现类似图像插入效果的丰富视觉变化。如此一来,也可有效解决现有技术中页面切换前后页面之间缺乏关联,而且前后页面的转换缺乏缓冲的问题。
请注意,以上的几种方式只是合成模块240产生多个不同的过渡图像的某些实施例,而非局限合成模块240的实际运作方式。实践上,合成模块240可利用各种的图像合并方式,依据当前页面412的图像和目的图像来合成各种不同的过渡图像。
请参考图11,图11是本发明在目标程序中新增页面的方法的一实施例简化后的流程图。图11的左侧栏,代表计算机系统100的输入装置120所进行的流程;图11的右侧栏,代表显示装置130所进行的流程;而图11的中间栏,则代表页面变换模块160所进行的流程。图12是目标程序视窗画面简化后的示意图。如图12所示,目标程序400的程序视窗画面中包含第一标签410、以及新增页面标签440。为方便起见,在此同样以浏览器作为目标程序400的实施例,来说明在目标程序400中新增页面的方法。
在流程1102中,页面变换模块160会利用处理器装置110执行渲染进程,以渲染目标程序400中与标签410对应的当前页面412。
在流程1104中,页面变换模块160的显示模块210会利用显示装置130显示当前页面412的内容。
当用户102要在目标程序400中新增另一页面时,可通过输入装置120对计算机系统100下达指示。此时,输入装置120会依据用户102的操作进行流程1106,产生指示新增页面的控制指令。例如,在输入装置120为鼠标的一实施例中,用户102可操控鼠标将显示装置130上所显示的游标402移动到目标程序400的新增页面标签440上进行点击,如图12所示,以指示目标程序400新增对应的目的页面。或者,用户102也可操控鼠标将显示装置130上所显示的游标402移动到目标程序400的新增页面标签440上停留,以指示目标程序400新增对应的目的页面。或者,用户102也可操控鼠标将显示装置130上所显示的游标402以预定轨迹移动(例如画一个特定的图案),以指示目标程序400新增对应的目的页面。
在输入装置120为触控面板的一实施例中,用户102可直接用手指或触控笔在触控面板上对应于目标程序400的新增页面标签440的位置进行点击,以指示目标程序400新增对应的目的页面。或者,用户102也可用手指或触控笔在触控面板上以预定轨迹移动(例如画一个特定的图案),以指示目标程序400新增对应的目的页面。
在流程1108中,页面变换模块160的接收模块220会接收输入装置120于流程1106中产生的控制指令。
在流程1110中,页面变换模块160的图像获取模块230会从当前页面412的渲染进程中获取当前页面412的最终位图。如前所述,在浏览器采用chrome内核的实施例中,可以在渲染进程里创建了一个内存位图作为绘制对象,让渲染进程把当前页面412重新绘制一遍,以取得当前页面412的最终位图。在浏览器采用IE内核的实施例中,则可使用特定的IviewObject接口的绘图函数把当前页面412的内容绘制到内存位图中,以取得当前页面412的最终位图。
在流程1112中,页面变换模块160的合成模块240依据当前页面412的图像和一个或多个预定目的图像合成多个不同的过渡图像。流程1112的运作方式与前述的流程314很类似,但由于要新增的页面的内容尚未经过渲染进程的处理,所以图像获取模块230此时无法从渲染进程中获取要新增的页面的图像来作为目的图像。因此,在图11的流程1112中,合成模块240会直接利用页面变换模块160所预定的一或多个目的图像来与当前页面412的图像进行过渡图像的合成动作。
实践上,合成模块240依据当前页面412的图像和一或多个预定目的图像合成多个不同的过渡图像的方式,与前述流程314中的方式相同。因此,有关前述流程314中用来合成多个不同的过渡图像的各种运作方式的说明,也适用于流程1112中。
在流程1114中,页面变换模块160的显示模块210会将显示装置130设置成先后显示合成模块240于流程1112中所产生的多个过渡图像。
在显示装置130将该多个过渡图像都显示至少一次后,页面变换模块160会进行流程1116,利用处理器装置110执行渲染进程,以渲染新增的页面。
在流程1118中,页面变换模块160的显示模块210会利用显示装置130显示新增的页面的内容。
由前述说明可知,在显示模块210利用显示装置130显示新增的页面的内容前,显示模块210会先利用显示装置130先后显示合成模块240所产生的多个过渡图像,以使目标程序400的程序视窗画面的内容在切换到新增的页面前,会呈现出特殊的视觉效果,例如前述实施例中提到的类似渐变效果、百叶窗效果、区块消失效果图像插入效果等各种视觉变化。如此一来,便可有效解决现有技术中页面切换前后页面之间缺乏关联,而且前后页面的转换缺乏缓冲的问题。
此外,还可将前述的流程316和1114的运作过程加以调整,使显示模块210依据输入装置120在用户102的操控下产生的控制指令来调整显示过渡图像的次序、速度、次数、或时间长度,以支持用户102通过输入装置120对页面的变换过程进行控制。
在一实施例中,显示模块210还可在前述的流程316或1114中依据该控制指令动态调整显示该多个过渡图像的个体时间长度,使该多个过渡图像中的至少部分过渡图像具有不相等的显示时间长度。例如,在输入装置120为鼠标的实施例中,用户102可转动鼠标上的滚轮,来调整显示该多个过渡图像的个体时间长度。例如,当滚轮转动的速度变快时,显示模块210就可缩短显示后续过渡图像的个体时间长度,而当滚轮转动的速度变慢时,显示模块210就可延长显示后续过渡图像的个体时间长度。如此一来,便能支持用户102对页面的变换过程进行控制,使得该多个过渡图像可能会具有不相等的显示时间长度。
在另一实施例中,显示模块210还可在前述的流程316或1114中依据该控制指令动态调整显示该多个过渡图像的次序,使该多个过渡图像中的至少部分过渡图像显示超过一次。例如,在输入装置120为鼠标的实施例中,用户102可转动鼠标上的滚轮,来调整显示该多个过渡图像的方向性。例如,当滚轮往前转动时,显示模块210可按预定次序显示该多个过渡图像,而当滚轮往后转动时,显示模块210再按相反次序显示该多个过渡图像。如此一来,便能支持用户102对页面的变换过程进行控制,使得该多个过渡图像中的部分过渡图像可能会被显示超过一次。
由前述说明可知,本案提出的方法和页面变换模块160支持用户102与目标程序400在页面变换的过程中进行互动,以提升用户102的操作弹性和对目标程序的控制性。
实践上,可以将前述的页面变换模块160整合成浏览器或阅读器的一部分,或是采用其插件的形式来实施。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的装置中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个装置中。可以把实施例中的模块组合成一个模块,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者装置的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的页面变换的装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
在说明书及权利要求书中使用了某些词汇来指称特定的元件。所属技术领域的技术人员应可理解,同样的元件可能会用不同的名词来称呼。本说明书及权利要求书并不以名称的差异来作为区分元件的方式,而是以元件在功能上的差异来作为区分的基准。在说明书及权利要求书中所提及的“包括”为开放式的用语,应解释成“包括但不限于”。在此所使用的“及/或”的描述方式,包括所列举的其中之一或多个方案的任意组合。另外,除非说明书中特别指明,否则任何单数的用语都同时包括复数的涵义。
本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上所述仅为本申请的实施例而已,并不用于限制本申请,对于本领域的技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原则之内,所作的任何修改、等同替换、改进等,均应包括在本申请的权利要求范围之内。
本文公开了A1、一种页面变换的方法,所述方法包括:显示当前页面(412);接收控制指令;依据该控制指令获取该当前页面的图像(710、810、910、1010);依据该当前页面的图像(710、810、910、1010)和一个或多个目的图像(750、850、950、1050)合成多个不同的过渡图像(720-740、820-840、920-940、1020-1040);先后显示该多个过渡图像(720-740、820-840、920-940、1020-1040);以及在该多个过渡图像都显示至少一次后,显示目的页面(422)。A2、如A1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:调整该当前页面的图像(710)的透明度,以产生第一调整图像;调整该目的图像(750)的透明度,以产生第二调整图像;将该第一调整图像和该第二调整图像迭合成第一过渡图像(720);调升该当前页面的图像(710)的透明度,以产生第三调整图像;调降该目的图像(750)的透明度,以产生第四调整图像;将该第三调整图像和该第四调整图像迭合成第二过渡图像(730);调升该当前页面的图像(710)的透明度,以产生第五调整图像;调降该目的图像(750)的透明度,以产生第六调整图像;以及将该第五调整图像和该第六调整图像迭合成第三过渡图像(740)。A3、如A1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:将该当前页面的图像(810)中的第一组平行的多个带状区域(821、823、825、827、829)的图像,与该目的图像(850)中的第二组平行的多个带状区域(822、824、826、828)的图像交错排列,以产生第一过渡图像(820);将该当前页面的图像(810)中的第三组平行的多个带状区域(831、833、835、837、839)的图像,与该目的图像(850)中的第四组平行的多个带状区域(832、834、836、838)的图像交错排列,以产生第二过渡图像(830);以及将该当前页面的图像(810)中的第五组平行的多个带状区域(841、843、845、847、849)的图像,与该目的图像(850)中的第六组平行的多个带状区域(842、844、846、848)的图像交错排列,以产生第三过渡图像(840);其中,该第一组带状区域中的各带状区域的宽度大于该第三组带状区域中的各带状区域的宽度、该第三组带状区域中的各带状区域的宽度大于该第五组带状区域中的各带状区域的宽度、该第二组带状区域中的各带状区域的宽度小于该第四组带状区域中的各带状区域的宽度、且该第四组带状区域中的各带状区域的宽度小于该第六组带状区域中的各带状区域的宽度。A4、如A1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:将该当前页面的图像(910)中的第一区块(921)的图像,与该目的图像(950)中的第二区块(922)的图像组成第一过渡图像(920);将该当前页面的图像(910)中的第三区块(931)的图像,与该目的图像(950)中的第四区块(932)的图像组成第二过渡图像(930);以及将该当前页面的图像(910)中的第五区块(941)的图像,与该目的图像(950)中的第六区块(942)的图像组成第三过渡图像(940);其中,该第一区块的形状不同于该第二区块的形状、该第五区块的形状不同于该第六区块的形状、该第一区块的面积大于该第三区块的面积、该第三区块的面积大于该第五区块的面积、该第二区块的面积小于该第四区块的面积、且该第四区块的面积小于该第六区块的面积。A5、如A1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:将该当前页面的图像(1010)中的第一带状区域(1021)的图像,与该目的图像(1050)中的第二带状区域(1022)的图像组合成第一过渡图像(1020);将该当前页面的图像(1010)中的第三带状区域(1031)的图像,与该目的图像(1050)中的第四带状区域(1032)的图像组合成第二过渡图像(1030);以及将该当前页面的图像(1010)中的第五带状区域(1041)的图像,与该目的图像(1050)中的第六带状区域(1042)的图像组合成第三过渡图像(1040);其中,该第一带状区域的图像包含该第三带状区域的图像、该第三带状区域的图像包含该第五带状区域的图像、该第六带状区域的图像包含该第四带状区域的图像、且该第四带状区域的图像包含该第二带状区域的图像。A6、如A1至A5中任一项所述的方法,还包括:获取该目的页面(422)的图像,以产生该目的图像。A7、如A1至A5中任一项所述的方法,其中,所述目的图像是预定目的图像。A8、如A1至A5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整显示该多个过渡图像的个体时间长度,使该多个过渡图像中的至少部分过渡图像具有不相等的显示时间长度。A9、如A1至A5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整显示该多个过渡图像的次序,使该多个过渡图像中的至少部分过渡图像显示超过一次。A10、如A1至A5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整显示该多个过渡图像的显示次序,使先按预定次序显示该多个过渡图像,再按相反次序显示该多个过渡图像。A11、如A1至A5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:依据该控制指令动态调整以下至少一项:显示该多个过渡图像的次序、速度、次数、或个体时间长度,使该多个过渡图像呈现出动画效果。A12、如A1至A11中任一项所述的方法,其中,所述图像是位图。
本文公开了B13、一种页面变换装置,用于在同一程序的页面变换过程中产生动画效果,所述页面变换装置包括:显示模块,用于显示当前页面;接收模块,用于接收控制指令;图像获取模块,用于依据该控制指令获取该当前页面的图像;合成模块,用于依据该当前页面的图像和一个或多个目的图像合成多个不同的过渡图像;其中,所述显示模块还被配置成先后显示该多个过渡图像,以及在该多个过渡图像都显示至少一次后,显示目的页面。B14、如B13所述的页面变换装置,其中,所述合成模块还被配置成:调整该当前页面的图像的透明度,以产生第一调整图像,调整该目的图像的透明度,以产生第二调整图像,将该第一调整图像和该第二调整图像迭合成第一过渡图像;所述合成模块还被配置成:调升该当前页面的图像的透明度,以产生第三调整图像,调降该目的图像的透明度,以产生第四调整图像,将该第三调整图像和该第四调整图像迭合成第二过渡图像;所述合成模块还被配置成:调升该当前页面的图像的透明度,以产生第五调整图像;调降该目的图像的透明度,以产生第六调整图像;以及将该第五调整图像和该第六调整图像迭合成第三过渡图像。B15、如B13所述的页面变换装置,其中,所述合成模块还被配置成:将该当前页面的图像中的第一组平行的多个带状区域的图像,与该目的图像中的第二组平行的多个带状区域的图像交错排列,以产生第一过渡图像;将该当前页面的图像中的第三组平行的多个带状区域的图像,与该目的图像中的第四组平行的多个带状区域的图像交错排列,以产生第二过渡图像;以及将该当前页面的图像中的第五组平行的多个带状区域的图像,与该目的图像中的第六组平行的多个带状区域的图像交错排列,以产生第三过渡图像;其中,该第一组带状区域中的各带状区域的宽度大于该第三组带状区域中的各带状区域的宽度、该第三组带状区域中的各带状区域的宽度大于该第五组带状区域中的各带状区域的宽度、该第二组带状区域中的各带状区域的宽度小于该第四组带状区域中的各带状区域的宽度、且该第四组带状区域中的各带状区域的宽度小于该第六组带状区域中的各带状区域的宽度。B16、如B13所述的页面变换装置,其中,所述合成模块还被配置成:将该当前页面的图像中的第一区块的图像,与该目的图像中的第二区块的图像组成第一过渡图像;将该当前页面的图像中的第三区块的图像,与该目的图像中的第四区块的图像组成第二过渡图像;以及将该当前页面的图像中的第五区块的图像,与该目的图像中的第六区块的图像组成第三过渡图像;其中,该第一区块的形状不同于该第二区块的形状、该第五区块的形状不同于该第六区块的形状、该第一区块的面积大于该第三区块的面积、该第三区块的面积大于该第五区块的面积、该第二区块的面积小于该第四区块的面积、且该第四区块的面积小于该第六区块的面积。B17、如B13所述的页面变换装置,其中,所述合成模块还被配置成:将该当前页面的图像中的第一带状区域的图像,与该目的图像中的第二带状区域的图像组合成第一过渡图像;将该当前页面的图像中的第三带状区域的图像,与该目的图像中的第四带状区域的图像组合成第二过渡图像;以及将该当前页面的图像中的第五带状区域的图像,与该目的图像中的第六带状区域的图像组合成第三过渡图像;其中,该第一带状区域的图像包含该第三带状区域的图像、该第三带状区域的图像包含该第五带状区域的图像、该第六带状区域的图像包含该第四带状区域的图像、且该第四带状区域的图像包含该第二带状区域的图像。B18、如B13至B17中任一项所述的页面变换装置,其中,所述合成模块还被配置成获取该目的页面的图像,以产生该目的图像。B19、如B13至B17中任一项所述的页面变换装置,其中,所述目的图像是预定目的图像。B20、如B13至B17中任一项所述的页面变换装置,其中,所述显示模块还被配置成:依据该控制指令动态调整显示该多个过渡图像的个体时间长度,使该多个过渡图像中的至少部分过渡图像具有不相等的显示时间长度。B21、如B13至B17中任一项所述的页面变换装置,其中,所述显示模块还被配置成:依据该控制指令动态调整显示该多个过渡图像的次序,使该多个过渡图像中的至少部分过渡图像在该显示模块上显示超过一次。B22、如B13至B17中任一项所述的页面变换装置,其中,所述显示模块还被配置成:依据该控制指令动态调整该显示模块显示该多个过渡图像的显示次序,使先按预定次序显示该多个过渡图像,再按相反次序显示该多个过渡图像。B23、如B13至B17中任一项所述的页面变换装置,其中,所述显示模块还被配置成:依据该控制指令动态调整以下至少一项:显示该多个过渡图像的次序、速度、次数、或个体时间长度,使该多个过渡图像呈现出动画效果。B24、包含如B13至B23中任一项所述的页面变换装置。B25、如B13至B24中任一项所述的页面变换装置,其中,所述图像是位图。
Claims (20)
1.一种页面变换的方法,所述方法包括:
显示当前页面(412);
接收控制指令;
依据该控制指令获取该当前页面的图像(710、810、910、1010);
依据该当前页面的图像(710、810、910、1010)和一个或多个目的图像(750、850、950、1050)合成多个不同的过渡图像(720-740、820-840、920-940、1020-1040);
先后显示该多个过渡图像(720-740、820-840、920-940、1020-1040);以及
在该多个过渡图像都显示至少一次后,显示目的页面(422)。
2.如权利要求1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:
调整该当前页面的图像(710)的透明度,以产生第一调整图像;
调整该目的图像(750)的透明度,以产生第二调整图像;
将该第一调整图像和该第二调整图像迭合成第一过渡图像(720);
调升该当前页面的图像(710)的透明度,以产生第三调整图像;
调降该目的图像(750)的透明度,以产生第四调整图像;
将该第三调整图像和该第四调整图像迭合成第二过渡图像(730);
调升该当前页面的图像(710)的透明度,以产生第五调整图像;
调降该目的图像(750)的透明度,以产生第六调整图像;以及
将该第五调整图像和该第六调整图像迭合成第三过渡图像(740)。
3.如权利要求1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:
将该当前页面的图像(810)中的第一组平行的多个带状区域(821、823、825、827、829)的图像,与该目的图像(850)中的第二组平行的多个带状区域(822、824、826、828)的图像交错排列,以产生第一过渡图像(820);
将该当前页面的图像(810)中的第三组平行的多个带状区域(831、833、835、837、839)的图像,与该目的图像(850)中的第四组平行的多个带状区域(832、834、836、838)的图像交错排列,以产生第二过渡图像(830);以及
将该当前页面的图像(810)中的第五组平行的多个带状区域(841、843、845、847、849)的图像,与该目的图像(850)中的第六组平行的多个带状区域(842、844、846、848)的图像交错排列,以产生第三过渡图像(840);
其中,该第一组带状区域中的各带状区域的宽度大于该第三组带状区域中的各带状区域的宽度、该第三组带状区域中的各带状区域的宽度大于该第五组带状区域中的各带状区域的宽度、该第二组带状区域中的各带状区域的宽度小于该第四组带状区域中的各带状区域的宽度、且该第四组带状区域中的各带状区域的宽度小于该第六组带状区域中的各带状区域的宽度。
4.如权利要求1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:
将该当前页面的图像(910)中的第一区块(921)的图像,与该目的图像(950)中的第二区块(922)的图像组成第一过渡图像(920);
将该当前页面的图像(910)中的第三区块(931)的图像,与该目的图像(950)中的第四区块(932)的图像组成第二过渡图像(930);以及
将该当前页面的图像(910)中的第五区块(941)的图像,与该目的图像(950)中的第六区块(942)的图像组成第三过渡图像(940);
其中,该第一区块的形状不同于该第二区块的形状、该第五区块的形状不同于该第六区块的形状、该第一区块的面积大于该第三区块的面积、该第三区块的面积大于该第五区块的面积、该第二区块的面积小于该第四区块的面积、且该第四区块的面积小于该第六区块的面积。
5.如权利要求1所述的方法,其中,合成多个不同的过渡图像的步骤还包括:
将该当前页面的图像(1010)中的第一带状区域(1021)的图像,与该目的图像(1050)中的第二带状区域(1022)的图像组合成第一过渡图像(1020);
将该当前页面的图像(1010)中的第三带状区域(1031)的图像,与该目的图像(1050)中的第四带状区域(1032)的图像组合成第二过渡图像(1030);以及
将该当前页面的图像(1010)中的第五带状区域(1041)的图像,与该目的图像(1050)中的第六带状区域(1042)的图像组合成第三过渡图像(1040);
其中,该第一带状区域的图像包含该第三带状区域的图像、该第三带状区域的图像包含该第五带状区域的图像、该第六带状区域的图像包含该第四带状区域的图像、且该第四带状区域的图像包含该第二带状区域的图像。
6.如权利要求1至5中任一项所述的方法,还包括:
获取该目的页面(422)的图像,以产生该目的图像。
7.如权利要求1至5中任一项所述的方法,其中,所述目的图像是预定目的图像。
8.如权利要求1至5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:
依据该控制指令动态调整显示该多个过渡图像的个体时间长度,使该多个过渡图像中的至少部分过渡图像具有不相等的显示时间长度。
9.如权利要求1至5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:
依据该控制指令动态调整显示该多个过渡图像的次序,使该多个过渡图像中的至少部分过渡图像显示超过一次。
10.如权利要求1至5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:
依据该控制指令动态调整显示该多个过渡图像的显示次序,使先按预定次序显示该多个过渡图像,再按相反次序显示该多个过渡图像。
11.如权利要求1至5中任一项所述的方法,其中,显示该多个过渡图像的步骤还包括:
依据该控制指令动态调整以下至少一项:显示该多个过渡图像的次序、速度、次数、或个体时间长度,使该多个过渡图像呈现出动画效果。
12.如权利要求1至11中任一项所述的方法,其中,所述图像是位图。
13.一种页面变换装置,用于在同一程序的页面变换过程中产生动画效果,所述页面变换装置包括:
显示模块,用于显示当前页面;
接收模块,用于接收控制指令;
图像获取模块,用于依据该控制指令获取该当前页面的图像;
合成模块,用于依据该当前页面的图像和一个或多个目的图像合成多个不同的过渡图像;
其中,所述显示模块还被配置成先后显示该多个过渡图像,以及在该多个过渡图像都显示至少一次后,显示目的页面。
14.如权利要求13所述的页面变换装置,其中,
所述合成模块还被配置成:
调整该当前页面的图像的透明度,以产生第一调整图像,调整该目的图像的透明度,以产生第二调整图像,将该第一调整图像和该第二调整图像迭合成第一过渡图像;
所述合成模块还被配置成:
调升该当前页面的图像的透明度,以产生第三调整图像,调降该目的图像的透明度,以产生第四调整图像,将该第三调整图像和该第四调整图像迭合成第二过渡图像;
所述合成模块还被配置成:
调升该当前页面的图像的透明度,以产生第五调整图像;调降该目的图像的透明度,以产生第六调整图像;以及将该第五调整图像和该第六调整图像迭合成第三过渡图像。
15.如权利要求13所述的页面变换装置,其中,所述合成模块还被配置成:
将该当前页面的图像中的第一组平行的多个带状区域的图像,与该目的图像中的第二组平行的多个带状区域的图像交错排列,以产生第一过渡图像;
将该当前页面的图像中的第三组平行的多个带状区域的图像,与该目的图像中的第四组平行的多个带状区域的图像交错排列,以产生第二过渡图像;以及
将该当前页面的图像中的第五组平行的多个带状区域的图像,与该目的图像中的第六组平行的多个带状区域的图像交错排列,以产生第三过渡图像;
其中,该第一组带状区域中的各带状区域的宽度大于该第三组带状区域中的各带状区域的宽度、该第三组带状区域中的各带状区域的宽度大于该第五组带状区域中的各带状区域的宽度、该第二组带状区域中的各带状区域的宽度小于该第四组带状区域中的各带状区域的宽度、且该第四组带状区域中的各带状区域的宽度小于该第六组带状区域中的各带状区域的宽度。
16.如权利要求13所述的页面变换装置,其中,所述合成模块还被配置成:
将该当前页面的图像中的第一区块的图像,与该目的图像中的第二区块的图像组成第一过渡图像;
将该当前页面的图像中的第三区块的图像,与该目的图像中的第四区块的图像组成第二过渡图像;以及
将该当前页面的图像中的第五区块的图像,与该目的图像中的第六区块的图像组成第三过渡图像;
其中,该第一区块的形状不同于该第二区块的形状、该第五区块的形状不同于该第六区块的形状、该第一区块的面积大于该第三区块的面积、该第三区块的面积大于该第五区块的面积、该第二区块的面积小于该第四区块的面积、且该第四区块的面积小于该第六区块的面积。
17.如权利要求13所述的页面变换装置,其中,所述合成模块还被配置成:
将该当前页面的图像中的第一带状区域的图像,与该目的图像中的第二带状区域的图像组合成第一过渡图像;
将该当前页面的图像中的第三带状区域的图像,与该目的图像中的第四带状区域的图像组合成第二过渡图像;以及
将该当前页面的图像中的第五带状区域的图像,与该目的图像中的第六带状区域的图像组合成第三过渡图像;
其中,该第一带状区域的图像包含该第三带状区域的图像、该第三带状区域的图像包含该第五带状区域的图像、该第六带状区域的图像包含该第四带状区域的图像、且该第四带状区域的图像包含该第二带状区域的图像。
18.如权利要求13至17中任一项所述的页面变换装置,其中,所述合成模块还被配置成获取该目的页面的图像,以产生该目的图像。
19.如权利要求13至17中任一项所述的页面变换装置,其中,所述目的图像是预定目的图像。
20.如权利要求13至17中任一项所述的页面变换装置,其中,所述显示模块还被配置成:依据该控制指令动态调整显示该多个过渡图像的个体时间长度,使该多个过渡图像中的至少部分过渡图像具有不相等的显示时间长度。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012104652024A CN102981710A (zh) | 2012-11-16 | 2012-11-16 | 页面变换的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012104652024A CN102981710A (zh) | 2012-11-16 | 2012-11-16 | 页面变换的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102981710A true CN102981710A (zh) | 2013-03-20 |
Family
ID=47855809
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2012104652024A Pending CN102981710A (zh) | 2012-11-16 | 2012-11-16 | 页面变换的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102981710A (zh) |
Cited By (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103618935A (zh) * | 2013-12-09 | 2014-03-05 | 乐视网信息技术(北京)股份有限公司 | 智能电视中的图像显示方法和装置 |
CN104125497A (zh) * | 2014-07-30 | 2014-10-29 | 北京金山安全软件有限公司 | 一种网页录像方法及装置 |
CN104991695A (zh) * | 2015-06-15 | 2015-10-21 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN105094809A (zh) * | 2015-06-29 | 2015-11-25 | 北京金山安全软件有限公司 | 组合图片布局修改方法、装置以及终端设备 |
CN105678828A (zh) * | 2015-12-30 | 2016-06-15 | 合一网络技术(北京)有限公司 | 一种创建过渡动画的方法及装置 |
CN105955582A (zh) * | 2016-05-03 | 2016-09-21 | 腾讯科技(北京)有限公司 | 信息展示方法和终端设备 |
CN106101807A (zh) * | 2016-07-12 | 2016-11-09 | 青岛海信电器股份有限公司 | 图片数据处理方法、装置及智能电视 |
WO2017124943A1 (zh) * | 2016-01-20 | 2017-07-27 | 阿里巴巴集团控股有限公司 | 色彩补间动画的实现方法和装置 |
CN107071574A (zh) * | 2017-05-24 | 2017-08-18 | 环球智达科技(北京)有限公司 | 智能电视页面跳转方法 |
CN107105334A (zh) * | 2017-05-24 | 2017-08-29 | 环球智达科技(北京)有限公司 | 智能电视页面跳转装置 |
CN109542564A (zh) * | 2018-11-12 | 2019-03-29 | 广州华多网络科技有限公司 | 视图转场方法、装置、计算机可读存储介质和计算机设备 |
CN110069313A (zh) * | 2019-04-29 | 2019-07-30 | 珠海豹好玩科技有限公司 | 图像切换方法、装置、电子设备及存储介质 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5359712A (en) * | 1991-05-06 | 1994-10-25 | Apple Computer, Inc. | Method and apparatus for transitioning between sequences of digital information |
CN101895634A (zh) * | 2010-07-15 | 2010-11-24 | 中兴通讯股份有限公司 | 一种实现移动终端界面动态切换的方法和装置 |
CN102272709A (zh) * | 2009-01-07 | 2011-12-07 | 微软公司 | 虚拟翻页 |
CN102279690A (zh) * | 2010-06-08 | 2011-12-14 | 鸿富锦精密工业(深圳)有限公司 | 在电子装置中切换显示图片的方法及电子装置 |
CN102364428A (zh) * | 2011-10-28 | 2012-02-29 | 鸿富锦精密工业(深圳)有限公司 | 电子设备及其页面处理方法 |
JP2012088801A (ja) * | 2010-10-15 | 2012-05-10 | Canvas Mapple Co Ltd | 電子ブック装置、および電子ブックプログラム |
CN102541515A (zh) * | 2010-12-08 | 2012-07-04 | 腾讯科技(深圳)有限公司 | 一种实现切屏特效的方法及装置 |
-
2012
- 2012-11-16 CN CN2012104652024A patent/CN102981710A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5359712A (en) * | 1991-05-06 | 1994-10-25 | Apple Computer, Inc. | Method and apparatus for transitioning between sequences of digital information |
CN102272709A (zh) * | 2009-01-07 | 2011-12-07 | 微软公司 | 虚拟翻页 |
CN102279690A (zh) * | 2010-06-08 | 2011-12-14 | 鸿富锦精密工业(深圳)有限公司 | 在电子装置中切换显示图片的方法及电子装置 |
CN101895634A (zh) * | 2010-07-15 | 2010-11-24 | 中兴通讯股份有限公司 | 一种实现移动终端界面动态切换的方法和装置 |
JP2012088801A (ja) * | 2010-10-15 | 2012-05-10 | Canvas Mapple Co Ltd | 電子ブック装置、および電子ブックプログラム |
CN102541515A (zh) * | 2010-12-08 | 2012-07-04 | 腾讯科技(深圳)有限公司 | 一种实现切屏特效的方法及装置 |
CN102364428A (zh) * | 2011-10-28 | 2012-02-29 | 鸿富锦精密工业(深圳)有限公司 | 电子设备及其页面处理方法 |
Cited By (27)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103618935B (zh) * | 2013-12-09 | 2016-08-17 | 乐视网信息技术(北京)股份有限公司 | 智能电视中的图像显示方法和装置 |
CN103618935A (zh) * | 2013-12-09 | 2014-03-05 | 乐视网信息技术(北京)股份有限公司 | 智能电视中的图像显示方法和装置 |
WO2015085867A1 (zh) * | 2013-12-09 | 2015-06-18 | 乐视网信息技术(北京)股份有限公司 | 智能电视中的图像显示方法和装置 |
CN104125497B (zh) * | 2014-07-30 | 2018-03-06 | 北京金山安全软件有限公司 | 一种网页录像方法及装置 |
CN104125497A (zh) * | 2014-07-30 | 2014-10-29 | 北京金山安全软件有限公司 | 一种网页录像方法及装置 |
CN104991695A (zh) * | 2015-06-15 | 2015-10-21 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN104991695B (zh) * | 2015-06-15 | 2019-07-26 | 联想(北京)有限公司 | 一种信息处理方法及电子设备 |
CN105094809A (zh) * | 2015-06-29 | 2015-11-25 | 北京金山安全软件有限公司 | 组合图片布局修改方法、装置以及终端设备 |
CN105678828A (zh) * | 2015-12-30 | 2016-06-15 | 合一网络技术(北京)有限公司 | 一种创建过渡动画的方法及装置 |
CN105678828B (zh) * | 2015-12-30 | 2020-03-31 | 合一网络技术(北京)有限公司 | 一种创建过渡动画的方法及装置 |
US20180322663A1 (en) | 2016-01-20 | 2018-11-08 | Alibaba Group Holding Limited | Method and apparatus for realizing color tween animation |
US20200066005A1 (en) * | 2016-01-20 | 2020-02-27 | Alibaba Group Holding Limited | Method and apparatus for realizing color tween animation |
US11328459B2 (en) | 2016-01-20 | 2022-05-10 | Advanced New Technologies Co., Ltd. | Method and apparatus for realizing color tween animation |
KR20180104658A (ko) * | 2016-01-20 | 2018-09-21 | 알리바바 그룹 홀딩 리미티드 | 컬러 트윈 애니메이션을 실현하는 방법 및 장치 |
WO2017124943A1 (zh) * | 2016-01-20 | 2017-07-27 | 阿里巴巴集团控股有限公司 | 色彩补间动画的实现方法和装置 |
US10930026B2 (en) * | 2016-01-20 | 2021-02-23 | Advanced New Technologies Co., Ltd. | Method and apparatus for realizing color tween animation |
KR102208183B1 (ko) | 2016-01-20 | 2021-01-29 | 어드밴스드 뉴 테크놀로지스 씨오., 엘티디. | 컬러 트윈 애니메이션을 실현하는 방법 및 장치 |
TWI697866B (zh) * | 2016-01-20 | 2020-07-01 | 香港商阿里巴巴集團服務有限公司 | 色彩補間動畫的實現方法和裝置 |
US10467778B2 (en) | 2016-01-20 | 2019-11-05 | Alibaba Group Holding Limited | Method and apparatus for realizing color tween animation |
CN105955582B (zh) * | 2016-05-03 | 2019-03-15 | 腾讯科技(北京)有限公司 | 信息展示方法和终端设备 |
CN105955582A (zh) * | 2016-05-03 | 2016-09-21 | 腾讯科技(北京)有限公司 | 信息展示方法和终端设备 |
CN106101807B (zh) * | 2016-07-12 | 2019-03-08 | 青岛海信电器股份有限公司 | 图片数据处理方法、装置及智能电视 |
CN106101807A (zh) * | 2016-07-12 | 2016-11-09 | 青岛海信电器股份有限公司 | 图片数据处理方法、装置及智能电视 |
CN107105334A (zh) * | 2017-05-24 | 2017-08-29 | 环球智达科技(北京)有限公司 | 智能电视页面跳转装置 |
CN107071574A (zh) * | 2017-05-24 | 2017-08-18 | 环球智达科技(北京)有限公司 | 智能电视页面跳转方法 |
CN109542564A (zh) * | 2018-11-12 | 2019-03-29 | 广州华多网络科技有限公司 | 视图转场方法、装置、计算机可读存储介质和计算机设备 |
CN110069313A (zh) * | 2019-04-29 | 2019-07-30 | 珠海豹好玩科技有限公司 | 图像切换方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102981710A (zh) | 页面变换的方法和装置 | |
CN107852524B (zh) | 用于将视频与交互式动态渲染的视觉教具合成的系统 | |
EP1983417A2 (en) | Graphic user interface | |
US9958944B2 (en) | Encoding dynamic haptic effects | |
US10775971B2 (en) | Pinch gestures in a tile-based user interface | |
JP6124914B2 (ja) | 電子ペーパー画面上の増分ページ遷移 | |
JP5745091B2 (ja) | 電子文書の表示を行う方法、並びにその装置及びコンピュータ・プログラム | |
US20130198631A1 (en) | Spring Motions During Object Animation | |
CN104102376A (zh) | 触摸输入设备触觉反馈 | |
CN103020124A (zh) | 显示页面的方法和装置 | |
CN109940638A (zh) | 机器人、机器人控制方法、装置、存储介质和控制器 | |
Sundar et al. | Beyond pointing and clicking: how do newer interaction modalities affect user engagement? | |
CN103019557A (zh) | 页面切换方法和装置 | |
CN113396377A (zh) | 用于观看虚拟元素的方法和系统 | |
CN103034683A (zh) | 用于浏览器的页面切换方法和装置 | |
Jørgensen et al. | User interface history | |
CN105095389A (zh) | 一种呈现搜索结果的方法及装置 | |
Gaur et al. | Multiplexing spatial memory: increasing the capacity of FastTap menus with multiple tabs | |
Ceynowa | Mobile applications, augmented reality, gesture-based computing and more–innovative information services for the Internet of the future: the case of the Bavarian State Library | |
TW201128515A (en) | Object displacement display method on a screen of the electronic device | |
Sun et al. | Flipper: a new method of digital document navigation | |
US20150325145A1 (en) | Method and Apparatus for Teaching Language | |
CN104778198A (zh) | 一种移动终端页面信息的查看方法和装置 | |
Freed et al. | Beyond the binding: exploring the future book | |
Zhou et al. | Small screen-big information challenge for older adults: a study on visual momentum and gesture navigation |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130320 |
|
RJ01 | Rejection of invention patent application after publication |