一种页面显示方法和装置制造方法及图纸

本发明专利技术公开了一种页面显示方法和装置。该方法包括：以卡片为单位，从待显示页面的内容中加载设定数量的卡片，并确定当前显示卡片进行显示，其中，所述卡片具有设定的卡片尺寸；在卡片显示过程中，捕捉用户滑屏操作，并获取与所述滑屏操作对应的滑动参数，其中，所述滑动参数包括滑动加速度和滑动方向；基于与所述滑动参数的取值对应的页面显示策略，在全部已加载卡片中获取目标卡片的目标内容进行显示。本发明专利技术实施例通过采用上述技术方案，通过将网页划分为多个设定大小的卡片，结合与用户的滑屏操作所对应的滑屏参数，采取相应的网页显示策略，对目标卡片的内容进行显示，可以有效减少用户的误操作，提高用户在翻阅时效率，提升用户体验。

【技术实现步骤摘要】

本专利技术涉及页面显示
，尤其涉及一种页面显示方法和装置。
技术介绍
在移动互联网日益普及的今天，用户越来越多的使用手持设备来进行阅读。目前在终端的第三方软件中，比较流行的一种网站页面布局是瀑布流式布局，其视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局会不断加载数据块并附加至当前尾部。现有的页面显示方式，在使用过程中，大多以滑动翻阅的交互形式来进行屏幕上的内容切换，即用户通常采用滑屏操作实现前进、后退等功能。但由于页面的瀑布流式布局会不断加载数据块，使得终端很难精确定位到屏幕上的视觉锚点，在阅读过程中，无形中会增加用户的操作次数，例如，即使用户微小的误操作，也可能会导致用户多次进行调整定位，极易造成视觉疲劳，且影响阅读效率，使得用户的阅读体验不佳。
技术实现思路
有鉴于此，本专利技术实施例提供一种页面显示方法和装置，以减少用户在页面进行阅读时，由于误操作产生的多次调整定位，易造成视觉疲劳，且影响阅读效率等问题，通过改善页面显示的方法，提升用户阅读体验。第一方面，本专利技术实施例提供了一种页面显示方法，包括:以卡片为单位，从待显示页面的内容中加载设定数量的卡片，并确定当前显示卡片进行显示，其中，所述卡片具有设定的卡片尺寸；在卡片显示过程中，捕捉用户滑屏操作，并获取与所述滑屏操作对应的滑动参数，其中，所述滑动参数包括滑动加速度和滑动方向；基于与所述滑动参数的取值对应的页面显示策略，在全部已加载卡片中获取目标卡片的目标内容，更新为当前显示卡片进行显示。第二方面，本专利技术实施例提供了一种页面显示装置，包括:当前卡片显示模块，用于以卡片为单位，从待显示页面的内容中加载设定数量的卡片，并确定当前显示卡片进行显示，其中，所述卡片具有设定的卡片尺寸；滑动参数获取模块，用于在卡片显示过程中，捕捉用户滑屏操作，并获取与所述滑屏操作对应的滑动参数，其中，所述滑动参数包括滑动加速度和滑动方向；目标卡片显示模块，用于基于与所述滑动参数的取值对应的页面显示策略，在全部已加载卡片中获取目标卡片的目标内容，更新为当前显示卡片进行显示。本专利技术实施例通过采用上述技术方案，通过将页面划分为多个设定大小的卡片，结合与用户的滑屏操作所对应的滑动加速度和滑动方向等滑屏参数，采取相应的页面显示策略，对目标卡片的内容进行显示，可以有效减少用户的误操作，提高用户在翻阅时的效率，进而提升用户的阅读体验。【附图说明】通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本专利技术的其它特征、目的和优点将会变得更明显:图1是本专利技术实施例一提供的一种页面显示方法的流程图；图2是本专利技术实施例二提供的一种页面显示方法的流程图；图3是本专利技术实施例三提供的一种页面显示装置的结构框图。【具体实施方式】为了使本专利技术的目的、技术方案和优点更加清楚，下面结合附图对本专利技术具体实施例作进一步的详细描述。可以理解的是，此处所描述的具体实施例仅仅用于解释本专利技术，而非对本专利技术的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本专利技术相关的部分而非全部内容。在更加详细地讨论示例性实施例之前应当提到的是，一些示例性实施例被描述成作为流程图描绘的处理或方法。虽然流程图将各项操作(或步骤)描述成顺序的处理，但是其中的许多操作可以被并行地、并发地或者同时实施。此外，各项操作的顺序可以被重新安排。当其操作完成时所述处理可以被终止，但是还可以具有未包括在附图中的附加步骤。所述处理可以对应于方法、函数、规程、子例程、子程序等等。实施例一图1为本专利技术实施例一提供的一种页面显示方法的流程图。本实施例的方法可以由页面显示装置来执行，该装置可通过硬件和/或软件的方式实现，并一般可独立的配置在用户终端的应用端内中实现本实施例的方法。其中，应用端可以为内嵌于用户终端中的某个客户端的插件，或者为所述用户终端的操作系统的插件，与内嵌于用户终端中的页面显示类客户端(例如，浏览器或者电子阅读器等)配合使用；应用端也可以为所述用户终端中一个独立的可提供页面显示服务的客户端，本实施例对此不进行限制。本实施例的方法具体包括:S110、以卡片为单位，从待显示页面的内容中加载设定数量的卡片，并确定当前显示卡片进行显示，其中，所述卡片具有设定的卡片尺寸。在本实施例中，所述卡片是指如前所述的应用端根据接收到的页面显示指令将待显示页面划分成的设定大小的区域。其中，将待显示页面划分为设定大小的卡片时，卡片的数目可以根据页面的尺寸及内容初步判断。典型的，当用户希望查看某一个页面的内容时，会通过一定的操作(例如，点击页面链接)产生对应的页面显示指令。当应用端接收到该页面显示指令后，会与该页面显示指令对应的页面服务器发送页面下载请求，页面服务器在接收到该页面下载请求后，首先把所请求页面所包括的基本页面信息(例如，页面尺寸或者页面中包括的信息比特数等)返回至应用端，应用端根据所设定的卡片尺寸，以卡片为单位向该页面服务器下载待显示页面中的内容。当上述基本页面信息显示页面尺寸或页面内容较少时，如页面尺寸小于屏幕尺寸时，可以将页面划分为一张卡片；反之，当上述基本页面信息显示页面尺寸较大或页面内容较多时，可将页面划分为多个卡片。在上述操作中，所述卡片具有设定的卡片尺寸，所述卡片尺寸的设定优选是根据待显示页面的尺寸或所述页面的显示内容进行设定。具体的，可以根据接收到的页面的尺寸，平均将页面划分为一张或多张卡片。进一步的，可以预先设定卡片的尺寸，将页面自适应的分为多个卡片；也可以是预先设定卡片的数目，根据页面的尺寸自适应卡片的尺寸。其中，卡片的数目可以参考手机、平板电脑、智能手表等终端的显示屏幕的尺寸，进行设计，例如可以是所述卡片的尺寸小于等于显示屏幕尺寸的两倍，为了方便卡片切换和页面内容的连贯浏览或阅读，优选是所述卡片的尺寸等于显示屏幕尺寸，在实际使用过程中，尤其适用于用户对同一页面的内容，分多次阅读全部内容时，可以浏览到当前卡片的所有内容，有利于方便、快捷地找到包含目标内容的目标卡片。可选的，根据待显示页面的内容，将页面设定为一张或多张卡片，可以是根据页面中的内容形式(视频、音频、图片或文字等)以及小标题等进行设定。—般的，预设卡片时，可以采用当前卡片的顶端所显示的页面内容与相邻的上一张卡片的底端所显示的页面内容，依原页面内容前后或上下衔接；当前卡片的底端所显示的页面内容与相邻的下一张卡片的顶端所显示的页面内容，依原页面内容前后或上下衔接。采用此技术方案进行页面划分，可以使得页面的内容无遗漏地显示。在本实施例中，所述卡片显示可以是卡片顶部与显示屏幕的底部对齐，进行卡片内容显示也可以是当前卡片的底部与显示屏幕的底部对齐，进行卡片内容显示；或者两者配合进行显示。在现有技术中，当用户想要查看当前显示内容之后的内容而进行一定的下滑操作后，终端会采取实时加载的方式加载之后的内容，在本实施例中，则是使用预加载的方式，从待显示页面的内容中加载设定数量的卡片以供用户查看。使得当用户想要查看当前显示卡片之后的卡片时，该卡片已经被预先下载至用户终端中，保证了阅读的流畅当前第1页1 2 3 4 本文档来自技高网...

【技术保护点】
一种页面显示方法，其特征在于，包括：以卡片为单位，从待显示页面的内容中加载设定数量的卡片，并确定当前显示卡片进行显示，其中，所述卡片具有设定的卡片尺寸；在卡片显示过程中，捕捉用户滑屏操作，并获取与所述滑屏操作对应的滑动参数，其中，所述滑动参数包括滑动加速度和滑动方向；基于与所述滑动参数的取值对应的页面显示策略，在全部已加载卡片中获取目标卡片的目标内容，更新为当前显示卡片进行显示。

【技术特征摘要】

【专利技术属性】
技术研发人员：曹亮，金鑫，
申请(专利权)人：杭州九言科技股份有限公司，
类型：发明
国别省市：浙江;33