通过触摸移动进行页面切换的方法及其装置制造方法及图纸

本发明专利技术提供一种通过触摸移动进行页面切换的方法及其装置，其方法包括以下步骤：生成高宽与屏幕大小相一致的背景图片；将应用程序的图标分别渲染并生成相应图标图片；将所述图标图片按照页面上的实际位置与所述背景图片相合并，得到各页面的图标布局图片；进行翻页操作时，根据当前实际页面获取对应的图标布局图片；根据用户移动操作，使用所述图标布局图片代替实际页面图标进行移动；移动结束时，根据当前图标布局图片获取对应的页面图标并进行显示。本发明专利技术的方法与装置，在翻页过程中隐藏实际页面的应用程序图标，通过移动页面布局图片完成翻页过程，减少了翻页的系统消耗，缩短了翻页所需要的时间，使翻页功能能够流畅运作，提高了用户体验。

【技术实现步骤摘要】

本专利技术涉及一种交互显示技术，特别是涉及一种通过触摸移动进行页面切换的方法以及一种通过触摸移动进行页面切换的装置。
技术介绍
对于以通过触摸主界面上应用程序的图标(或称“按钮”)的方式来为用户提供功能服务的触摸屏产品来说，其主界面基本上是由提供给用户操作的应用程序的图标所组成的。然而，由于触摸设备的主界面上每一页所能够显示的图标有数量限制，因此当应用程序的图标超出这个数量限制时就需要新增一页去容纳多出来的图标。此时，当用户需要查看其它页面的图标时就需要用手指在触摸屏上进行移动翻页。在这个页面切换的过程中，主界面上的图标一个个的都会进行移动，这对于一般的小屏幕触摸设备来说是不会有任何影 响的。然而随着大屏幕触摸设备的流行，我们越来越发现在页面切换的过程中，经常会有页面移动不流畅的情况出现，特别是屏幕上的图标特别多的时候这个问题更加明显。经过研究发现，出现上述问题的原因主要是因为在移动图标时，需要不断对界面进行刷新，而大屏幕触摸设备的屏幕分辨率很高，每刷新一次所需要的时间比小屏幕低分辨率的设备要长很多；再加上显示在界面上的图标实际上是一个个的控件，移动多个控件的系统开销是比较大的，从而造成了在页面切换移动应用程序图标的时候容易出现卡顿现象。因此，如何更好的实现这个翻页功能并使其流畅运作是现在亟待解决的问题。
技术实现思路
基于此，有必要针对上述页面切换时存在的运作不流畅的问题，提供一种通过触摸移动进行页面切换的方法及其装置。一种通过触摸移动进行页面切换的方法，包括以下步骤根据触摸设备的屏幕大小生成高宽与所述屏幕大小相一致的背景图片；将主界面上的各个应用程序的图标分别进行渲染，生成对应数目的图标图片；将生成的图标图片按照对应的图标在各个页面上的实际位置与所述背景图片相合并，得到各个页面的图标布局图片；在进行翻页操作时，根据当前显示的实际页面获取对应的图标布局图片；根据用户的实际触摸移动操作，使用所述图标布局图片来代替实际的页面图标进行移动；当移动结束时，根据当前显示的图标布局图片获取对应的页面图标并进行显示。一种通过触摸移动进行页面切换的装置，包括背景图片生成模块，用于根据触摸设备的屏幕大小生成高宽与所述屏幕大小相一致的背景图片；图标渲染模块，用于将主界面上的各个应用程序的图标分别进行渲染，生成对应数目的图标图片；合并模块，用于将生成的图标图片按照对应的图标在各个页面上的实际位置与所述背景图片相合并，得到各个页面的图标布局图片；关联模块，用于在进行翻页操作时，根据当前显示的实际页面获取对应的图标布局图片；以及当移动结束时，根据当前显示的图标布局图片获取对应的页面图标并进行显示；图片移动模块，用于翻页时根据用户的实际触摸移动操作，使用所述图标布局图片来代替实际的页面图标进行移动。从上述方法可以看出，本专利技术的通过触摸移动进行页面切换的方法及其装置，在翻页过程中隐藏实际页面的应用程序图标，通过移动页面布局图片完成翻页过程，从而减少了翻页的系统消耗，缩短了翻页所需要的时间，使翻页功能能够流畅运作。本专利技术的方法及其装置使用范围广、灵活方便，提高了用户体验。 附图说明图I为本专利技术的一种通过触摸移动进行页面切换的方法流程示意图；图2为实施例一中主界面的第一页示意图；图3为实施例一中主界面的第二页示意图；图4为实施例一中页面移动过程示意图；图5为实施例一中页面移动完成示意图；图6是实施例二中页面移动过程示意图；图7是实施例二中页面移动完成示意图；图8为本专利技术的一种通过触摸移动进行页面切换的装置结构示意图。具体实施例方式下面结合附图以及具体的实施例对本专利技术的通过触摸移动进行页面切换的方法及其装置进行具体说明。参见图I所示，一种通过触摸移动进行页面切换的方法，包括以下步骤步骤SI，根据触摸设备的屏幕大小生成高宽与所述屏幕大小相一致的背景图片；步骤S2，将主界面上的各个应用程序的图标分别进行渲染，生成对应数目的图标图片；步骤S3，将生成的图标图片按照对应的图标在各个页面上的实际位置与所述背景图片相合并，得到各个页面的图标布局图片；步骤S4，在进行翻页操作时，根据当前显示的实际页面获取对应的图标布局图片;步骤S5，根据用户的实际触摸移动操作，使用所述图标布局图片来代替实际的页面图标进行移动；步骤S6，当移动结束时，根据当前显示的图标布局图片获取对应的页面图标并进行显示。作为一个较好的实施例，在步骤S3得到各个页面的图标布局图片之后，步骤S4进行翻页操作之前，还可以包括步骤建立布局图片列表，将所述各个页面的图标布局图片按照实际的页面顺序存放在所述布局图片列表中。另外，所述各个页面的图标布局图片可以按照所述布局图片列表的存放位置与所述实际页面的顺序位置一一关联。为使主界面上应用程序图标排列整齐，无论哪一页显示在主界面上，应用程序图标的位置都是已经确定的，即每个图标的在界面的位置(离屏幕左边和上边的距离以及其宽度和高度)已经确定，实际数值根据期望的显示效果进行调整。当移动结束后，首先会确定当前显示的是哪一张布局图片(图标布局图片都按实际页面顺序保存在一个列表中，例如列表的第一个元素就是第一页的图标布局图片，以此类推)，然后获取与该布局图片相对应的页面应用程序图标，最后按照每个图标的位置把图标按顺序显示在主界面上(每页的图标也是按其实际显示的顺序存储在一个列表中，例如第一个图标就是指该图标显示在屏幕的第一个位置上)。作为一个较好的实施例，步骤SI中所述背景图片可以是透明的(为了能够显示主界面的背景图片)；另外背景图片可以为Png格式。作为一个较好的实施例，本专利技术中可以在程序初始化以及页面的图标发生变化时生成所述各个页面的图标布局图片，以保证各个页面的图标布局图片与实际页面的图标相—致。作为一个较好的实施例，用户在实际触摸移动操作中当向左翻页时，判断该实际页面是否最左页，若是，则隐藏应用程序图标，取出当前页面的图标布局图片并显示在屏幕中，若否，则隐藏页面的应用程序图标，取出当前页面的图标布局图片及其左页页面的图标布局图片一并移动；或当向右翻页时，判断该实际页面是否最右页，若是，则隐藏应用程序图标，取出当前页面的图标布局图片并显示在屏幕中，若否，则隐藏页面的应用程序图标，取出当前页面的图标布局图片及其右页页面的图标布局图片一并移动。另外，为了使得页面之间的翻页动作更具连贯性，所述当前页面的图标布局图片及其左页页面的图标布局图片一并移动时，所述当前页面的图标布局图片的左边缘紧贴其左页页面的图标布局图片的右边缘，两张图片同时移动；或所述当前页面的图标布局图片及其右页页面的图标布局图片一并移动时，所述当前页面的图标布局图片的右边缘紧贴其右页页面的图标布局图片的左边缘，两张图片同时移动。作为一个较好的实施例，因为本专利技术主要针对大屏幕显示设备，为了尽可能让用户进行翻页时触摸移动尽可能短的距离，因此加入触摸移动速度判断。即当用户开始触摸移动翻页时，记录每次移动的点的屏幕坐标和系统时间，当移动翻页结束时，判断移动最后五个点(五个点为经验值，如果小于五个，则取所有记录点)的平均速度，计算方式为移动点数除以最后一个点的时间减去所取点中所记录的系统时间最靠前的点的时间。然后再定义一个临界速度值(为正数)，如果平均速度值的绝对值超过该值，则自动向左翻页或本文档来自技高网...

【技术保护点】
一种通过触摸移动进行页面切换的方法，其特征在于，包括以下步骤：根据触摸设备的屏幕大小生成高宽与所述屏幕大小相一致的背景图片；将主界面上的各个应用程序的图标分别进行渲染，生成对应数目的图标图片；将生成的图标图片按照对应的图标在各个页面上的实际位置与所述背景图片相合并，得到各个页面的图标布局图片；在进行翻页操作时，根据当前显示的实际页面获取对应的图标布局图片；根据用户的实际触摸移动操作，使用所述图标布局图片来代替实际的页面图标进行移动；当移动结束时，根据当前显示的图标布局图片获取对应的页面图标并进行显示。

【技术特征摘要】

【专利技术属性】
技术研发人员：陆明添，
申请(专利权)人：广东威创视讯科技股份有限公司，
类型：发明
国别省市：