具体实施方式
为了使本技术领域的人员更好地理解本申请中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
本申请实施例提供了一种页面显示方法,该方法应用于移动终端,尤其是应用在用户使用移动终端进行网页浏览的情况下,对显示在网页上的表格进行调整,以提高表格的显示效果,便于人们阅读,提高人们的阅读体验。
其中,上述移动终端可以是手机、平板电脑等。
图1为本申请实施例提供的页面显示方法的第一种方法流程图,如图1所示的方法,至少包括如下步骤:
步骤S102,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于上述操作,对第一页面元素的显示方向进行调整。
其中,步骤S102中的当前页面指的是移动终端当前正在打开的网页,该网页可以是超文本标记语言(HyperText Markup Language,HTML)网页。
在本申请实施例中,上述第一页面元素在当前页面上以表格方式显示,指的是将第一页面元素显示在表格中,例如,在图2(a)所示的一种页面的示意图中,上述第一页面元素为以表格形式显示的1月份以来机构调研接待5次以上的公司信息,具体包括以表格形式显示的证券代码、证券简称、一月以来接待机构频次、一月以来调研接待量、首发上市时间、所属申万一级行业等信息。
在本申请实施例中,上述对第一页面元素的显示方向进行调整的操作可以是在移动终端当前打开的页面上执行的手势操作,例如,滑动操作、点击操作、长按操作等;还可以是手持移动终端执行的手势输入操作,例如,手持移动终端执行预设轨迹的滑动操作;或者,还可以是用户在显示在当前界面上的第一页面元素的方向调整按钮的触控操作,在该种情况下,在第一页面元素的周围设置有方向调整按钮,如图2(b)所示,在第一页面元素对应的表格的左上角处设置有方向调整按钮,且该方向调整按钮为两个方向相反的倾斜的箭头,当用户可以通过点击该方向调整按钮,以触发移动终端对第一页面元素的显示方向进行调整;当然,上述对第一页面元素的显示方向进行调整的操作还可以是其它操作,上述只是列举其中几种可能的操作,本申请实施例并不对上述操作的具体形式进行限制。
在本申请实施例中,上述对第一页面元素的显示方向进行调整,可以是将第一页面元素的显示方向调整为横向显示、纵向显示或者以任意角度倾斜显示等。
在一种具体实施方式中,当对第一页面元素的显示方向进行调整的操作为第一操作时;
上述步骤S102中,响应于上述操作,对第一页面元素的显示方向进行调整,具体包括:
响应于第一操作,将上述第一页面元素的显示方向调整为横向。
其中,上述第一操作可以是用户在当前页面上执行的手势操作、或者用户手持移动终端滑动预设轨迹、还或者是用户对在显示在当前页面上的第一页面元素的方向调整按钮的触控操作。
下述将以上述第一操作为对第一页面元素对应的方向调整按钮的触控操作为例详细介绍上述过程。
在一种具体实施方式中,如图2(b)所示,当用户在浏览网页时,该网页上的页面元素均是纵向显示,并且,在移动终端当前显示的页面上包含以表格形式显示的第一页面元素;在如图2(b)所示的页面上,由于第一页面元素有的表格单元内文字较多,导致表格宽度较大,而受到移动终端显示屏的宽度的限制,只能将表格单元内的元素多行显示,这样,一方面导致表格的显示效果不好,影响用户的阅读体验,另一方面,使得表格的整体高度增加,可能在一个页面内上无法完全显示,不方便用户阅读;另外,为了在页面上完全显示该表格,可能会缩小表格的大小,使得显示在页面上的表格较小,导致用户阅读比较困难;综上分析,在该种情况下,当前页面上的表格的显示效果不好。
在图2(b)所示的情形中,在第一页面元素的表格的左上角显示有方向调整按钮,用户可以通过点击该方向调整按钮触发移动终端对第一页面元素的显示方向进行调整,当移动终端检测到该方向调整按钮被点击后,将第一页面元素的显示方向调整为横向,如图2(c)所示。在图2(c)中将整个表格横向显示在移动终端上,并且,将图2(b)中当前页面上为显示完全的表格的第5行的内容也完全显示在移动终端上。
在另外一种实施方式中,当对第一页面元素的显示方向进行调整的操作为第二操作时;
上述步骤S102中,响应于上述操作,对第一页面元素的显示方向进行调整,具体包括:
响应于上述第二操作,将第一页面元素的显示方向调整为纵向。
其中,上述第二操作可以是用户在当前页面上执行的手势操作、或者用户手持移动终端滑动预设轨迹、还或者是用户对在显示在当前页面上的第一页面元素的方向调整按钮的触控操作。
下述将以上述第二操作为对第一页面元素的方向调整按钮的触控操作为例详细介绍上述过程。
在一种具体实施方式中,如图3(a)所示,当用户在使用某个应用程序时,该应用程序页面上的页面元素均是横向显示,并且,在当前显示的页面上包含以表格形式显示的第一页面元素。在图3(a)所示的页面上,由于第一页面元素对应的表格包括多行,而受到移动终端显示屏的宽度的影响,在一个页面上无法显示整个表格,用户在阅读时,需要不断执行翻页操作或者滚动浏览,才能够浏览完整个表格,这样,一方面用户在阅读时操作比较麻烦;另外,不方便用户将表格中的内容前后进行对比。总之,在该种情况下表格的显示效果不好,导致用户的阅读体验不好。
在图3(a)所示的情形中,在第一页面元素对应的表格的左上角显示有方向调整按钮,用户通过点击该方向调整按钮触发移动终端调整第一页面元素的显示方向,当移动终端检测到该方向调整按钮被点击后,将第一页面元素的显示方向调整为纵向,如图3(b)所示;在图3(b)所示的情形中,第一元素对应的表格可以完整的显示在一个页面上,便于用户阅读,使得用户的阅读体验较好。
或者,在某个具体实施方式中,在上述步骤S102中,响应于用户对第一页面元素的显示方向进行调整的操作,还可以将第一页面元素的显示方向调整为倾斜方向。
上述倾斜方向可以是移动终端的对角线的方向,也可以是与移动终端的横边成任意角度。
在本申请实施例中,上述步骤S102中,上述对第一页面元素的显示方向进行调整,具体是通过如下步骤实现的:
响应于上述操作,在新建的空白页面上调整第一页面元素的显示方向;其中,上述空白页面覆盖在当前打开的页面上。
上述新建的空白页面指的是新建的空白网页。
在本申请实施例中,为了不影响移动终端当前打开的页面的页面布局以及实现只对当前显示页面上的第一页面元素的方向进行调整,可以在新建的空白网页上调整第一页面元素的显示方向。
在本申请实施例中,在检测到对第一页面元素的显示方向进行调整的操作时,新建空白页面,且新建的空白页面覆盖在当前页面的上层,即对于用户而言,呈现给用户的为新建的空白页面。
在本申请实施例中,上述第一页面元素的格式可以是表格格式,也可以是图片格式,当第一页面元素的格式不同时,在新建的空白页面上调整第一页面元素的显示方向的具体过程不同,下述将分别介绍。
若上述第一页面元素的格式为表格格式,则上述在新建的空白页面上调整第一页面元素的显示方向,包括如下步骤(1)和(2);
步骤(1)、将第一页面元素添加在上述空白页面上;
步骤(2)、控制第一页面元素在空白页面上进行旋转,以调整第一页面元素的显示方向。
在本申请实施例中,可以通过空白页面上的层叠样式表(Cascading StyleSheets,CSS)控制第一页面元素的旋转。
具体的,在本申请实施例中,若是将原来横向显示的第一页面元素调整为纵向显示,则控制第一页面元素旋转90°;若是将原来纵向显示的第一页面元素调整为横向显示,则控制第一页面元素旋转90°;若是将原来横向显示或者纵向显示的第一页面元素调整为倾斜显示,则根据倾斜的角度控制第一页面元素的旋转。
若上述第一页面元素的格式为图片格式,则上述在新建的空白页面上调整第一页面元素的显示方向,包括如下步骤(a)、(b)和(c);
步骤(a)、将第一页面元素的格式转换成表格格式;
步骤(b)、将转换后得到的表格格式的第一页面元素添加在空白页面上;
步骤(c)、控制上述表格格式的第一页面元素在空白页面上进行旋转,以调整第一页面元素的显示方向。
若是第一页面元素的格式为图片格式,在调整第一页面元素的显示方向后,后续若是需要调整第一页面元素的显示大小,当过度增大第一页面元素的显示大小时,由于受到图片分辨率的影响,可能导致图片显示模糊,用户无法看清楚第一页面元素。因此,为了避免出现第一页面元素显示模糊的情况,在本申请实施例中,若是上述第一页面元素的格式为图片格式,则需要将上述第一页面元素的格式转换为表格格式。
在一种具体实施方式中,可以通过如下方式将图片格式的第一页面元素转换成表格格式的第一页面元素:
获取上述图片格式的第一页面元素对应的表格的数据结构,其中,该数据结构包括第一页面元素对应的表格的左上角坐标、长度、宽度、内线和外线线宽,以及表格单元的左上角坐标、长度、宽度和线宽;根据上述数据结构提取表格图片中的字符图片;对该字符图片进行字符识别,获取字符图片中的字符信息;最后根据上述数据结构绘制上述图片格式的第一页面元素对应的表格,并将上述字符信息添加在形影的表格单元,得到表格格式的第一页面元素。
当然,上述只是给出了其中一种将图片格式的第一页面元素转换成表格格式的第一页面元素的具体方法,可以实现的转换方法并不局限于此。
步骤S104,根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
在本申请实施例中,可以通过空白页面上的CSS控制第一页面元素对应的表格的调整。
其中,在上述步骤S104中,可以根据实际情况,只对第一页面元素对应的表格的行高进行适应性调整,或者只对第一页面元素对应的表格的列宽进行适应性调整,或者,对第一页面元素对应的表格的行高和列宽均进行适应性调整。
在本申请实施例中,若是调整后的第一页面元素的显示方向为横向显示,为了获取较佳的显示效果,可以只对第一页面元素对应的表格的列宽进行调整;或者,对第一页面元素对应的表格的行高和列宽均进行调整。
若是调整后的第一页面元素的显示方向为纵向显示,为了获得较佳的显示效果,可以只对第一页面元素对应的表格的列宽进行调整;或者,对第一页面元素对应的表格的行高和列宽均进行调整。
若是调整后的第一页面元素的显示方向为倾斜显示,为了获得较佳的显示效果,可以对第一页面元素对应的表格的行高和列宽进行显示。
在本申请实施例中,上述对第一页面元素对应的表格的行高和/或列宽进行适应性调整,是为了使得第一页面元素对应的表格适应当前的显示方向,在当前显示方向上具有一个较好的显示效果。在本申请实施例中,可以依据预设规则对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
其中,在一种具体实施方式中,上述预设规则可以是使每个表格单元内的文字均单行显示,调整后的一种页面示意图如图4(a)所示;
或者,在另外一种具体实施方式中,上述预设规则还可以是使每个表格单元及当前页面的利用率最大,即每个表格单元内除文字外,剩余空间较少,调整后的一种页面示意图如图4(b)所示;
或者,在另外一种具体实施方式中,为了使得显示的表格更整齐,上述预设规则还可以是使每个表格单元的宽度一致,调整后的一种页面示意图如图4(c)所示。
本申请实施例提供的方法,除了在调整第一页面元素的显示方向时,对第一页面元素对应的表格的行高和/或列宽进行适应性调整外,用户还可以根据实际需要,通过移动终端执行操作,对第一页面元素对应的表格的行高和/或列宽进行调整。
因此,本申请实施例提供的方法还包括:
响应于用户在移动终端上执行的第三操作,对第一页面元素对应的表格的行高和/或列宽进行调整。
具体的,在本申请实施例中,可以是在调整第一页面元素的显示方向后,进一步对第一页面元素对应的表格的行高和/或列宽进行调整;还可以是,在调整第一页面元素的显示方向之前,先对第一页面元素对应的表格的行高和/或列宽进行调整。
或者,在一种具体实施方式中,用户还可以只对第一页面元素对应的表格的行高和/或列宽进行调整,而不对第一页面元素的方向进行调整。
其中,上述第三操作可以是在移动终端当前显示的页面上执行的手势操作、或者手持移动终端进行的滑动操作、还或者是对移动终端当前显示的页面上的第一页面元素的方向调整按钮执行的触控操作。
例如,若是原来的第一页面元素的显示方向为纵向,调整后的第一页面元素的显示方向为横向,并且,在横向显示第一页面元素的页面上设置有第一页面元素对应的表格增大按钮,如图5(a)所示,当用户点击表格增大按钮(即左上角的“+”号)后,移动终端根据用户的点击操作按照设定的规则对第一页面元素对应的表格的宽度执行放大操作,如图5(b)所示,图5(b)为对第一页面元素对应的表格放大后的页面示意图。
其中,上述设定的规则可以是检测到用户的一次点击操作,第一页面元素对应的表格的宽度增大10%,当然,上述设定的规则还可以是其它,在本申请实施例中,上述设定的规则并不局限于此。
在本申请实施例中,还可以实现对第一页面元素对应的表格内的文字进行方大,用户可以根据实际应用场景,选择是否对文字进行放大。
本申请实施例提供的页面显示方法,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于所述操作,对第一页面元素的显示方向进行调整,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,对第一页面元素的显示方向进行调整,以便选择合适的显示方向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
基于图1-图5所示的方法,本申请实施例还提供了一种页面显示方法,图6示出了本申请实施例提供的页面显示方法的第二种方法流程图,针对图6所示的方法,这里重点介绍与上述与1-图5所示的方法的不同之处,相同之处可参考前述图1-图5的描述,这里不再赘述,图6所示的方法至少包括如下步骤:
步骤S202,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于上述操作,将第一页面元素的显示方向调整为横向。
在本申请实施例中,由于一些应用程序页面只能纵向显示,但是,在页面上出现表格形式的第一页面元素时,由于受到移动终端的宽度的影响,可能无法完全显示第一页面元素或者第一页面元素纵向显示效果不佳,这时,需要采用本申请实施例提供的方法将第一页面元素的显示方向调整为横向。
其中,上述对第一页面元素的显示方向进行调整的操作可以是对当前页面上的第一页面元素对应的表格旋转按钮的触控操作。
在一种具体实施方式中,可以在第一页面元素周围,例如左上角处,设置有表格旋转按钮,用户通过点击该表格旋转按钮就可以触发移动终端调整第一页面元素的显示方向。
另外,在本申请实施例中,上述步骤S202中,将第一页面元素的显示方向调整为横向,是通过如下过程实现的:
响应于上述操作,控制第一页面元素在新建的空白页面上横向显示;其中,上述空白页面覆盖在当前打开的页面上。
上述新建的空白页面指的是新建的空白网页。
在本申请实施例中,为了不影响移动终端当前打开的页面的页面布局以及实现只对当前显示页面上的第一页面元素的方向进行调整,可以在新建的空白网页上将第一页面元素的显示方向调整为横向显示。
在本申请实施例中,在检测到对第一页面元素的显示方向进行横向调整的操作时,新建空白页面,且新建的空白页面覆盖在当前页面的上层,即对于用户而言,呈现给用户的为新建的空白页面。
在本申请实施例中,上述第一页面元素的格式可以是表格格式,也可以是图片格式,当第一页面元素的格式不同时,在新建的空白页面上调整第一页面元素的显示方向的具体过程不同,下述将分别介绍。
若上述第一页面元素的格式为表格格式,则上述控制第一页面元素在新建的空白页面上横向显示,具体包括如下步骤:
将第一页面元素添加在上述空白页面上;控制第一页面元素在上述空白页面上进行旋转,以使第一页面元素横向显示。
在本申请实施例中,可以通过空白页面上的层叠样式表(Cascading StyleSheets,CSS)控制第一页面元素的旋转。
在本申请实施例中,若是第一页面元素在原来的页面上为纵向显示,为了实现第一页面元素的横向显示,可以控制第一页面元素旋转90°。
若上述第一页面元素的格式为图片格式,则控制第一页面元素在新建的空白页面上横向显示,具体包括如下步骤:
将第一页面元素的格式转换为表格格式;将转换后得到的表格格式的第一页面元素添加在上述空白网页上;控制上述表格格式的第一页面元素在上述空白网页上进行旋转,以使第一页面元素横向显示。
若是第一页面元素的格式为图片格式,在将第一页面元素的显示方向调整为横向后,后续若是需要调整第一页面元素的显示大小,当过度增大第一页面元素的显示大小时,由于受到图片分辨率的影响,可能导致图片显示模糊,用户无法看清楚第一页面元素。因此,为了避免出现第一页面元素显示模糊的情况,在本申请实施例中,若是上述第一页面元素的格式为图片格式,则需要将上述第一页面元素的格式转换为表格格式。
在一种具体实施方式中,可以通过如下方式将图片格式的第一页面元素转换成表格格式的第一页面元素:
获取上述图片格式的第一页面元素对应的表格的数据结构,其中,该数据结构包括第一页面元素对应的表格的左上角坐标、长度、宽度、内线和外线线宽,以及表格单元的左上角坐标、长度、宽度和线宽;根据上述数据结构提取表格图片中的字符图片;对该字符图片进行字符识别,获取字符图片中的字符信息;最后根据上述数据结构绘制上述图片格式的第一页面元素对应的表格,并将上述字符信息添加在形影的表格单元,得到表格格式的第一页面元素。
当然,上述只是给出了其中一种将图片格式的第一页面元素转换成表格格式的第一页面元素的具体方法,可以实现的转换方法并不局限于此。
步骤S204,在横向显示方向上,将第一页面元素对应的表格的行高和/或列宽进行适应性调整。
其中,在上述步骤S204中,可以根据实际情况,只对第一页面元素对应的表格的行高进行适应性调整,或者只对第一页面元素对应的表格的列宽进行适应性调整,或者,对第一页面元素对应的表格的行高和列宽均进行适应性调整。
在本申请实施例中,上述对第一页面元素对应的表格的行高和/或列宽进行适应性调整,是为了使得第一页面元素对应的表格适应当前的显示方向,在当前显示方向上具有一个较好的显示效果。在本申请实施例中,可以依据预设规则对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
其中,上述预设规则可以是使每个表格单元内的文字均单行显示、还可以是使每个表格单元及当前页面的利用率最大、或者还可以是使每个表格单元的宽度一致。
本申请实施例提供的方法,除了在横向显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整外,用户还可以根据实际需要,通过执行操作,对第一页面元素对应的表格的列宽进行调整。
因此,本申请实施例提供的方法还包括:
响应于用户对当前页面的表格放大按钮执行的触控操作,调整横向显示的表格的列宽。
为了便于理解本申请实施例提供的页面显示方法,下述将以将纵向显示的第一页面元素调整为横向显示为例,详细介绍本申请实施例提供的页面显示方法。
图7为本申请实施例提供的页面显示方法的第三种方法流程图,图7所示的方法,至少包括如下步骤:
S302,在包含以表格格式显示的第一页面元素的当前页面时,检测是否接收到用户对当前页面上的表格旋转按钮的触控操作;若是,则执行步骤S304;
S304,响应于上述触控操作,新建空白页面;其中,该空白页面覆盖在当前打开的页面上;
S306,将第一页面元素添加在上述新建的空白页面上;
S308,通过空白页面上的CSS控制第一页面元素在新建的空白页面上旋转,以使第一页面元素在空白页面上横向显示;
S310,在横向显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整;
S312,响应于用户对当前页面的表格方法按钮执行的触控操作,通过空白页面上的CSS调整横向显示的表格的列宽。
图8为本申请实施例提供的页面显示方法的第四种方法流程图,图8所示的方法,至少包括如下步骤:
S402,在包含以图片表格格式显示的第一页面元素的当前页面时,检测是否接收到用户对当前页面上的表格旋转按钮的触控操作;若是,则执行步骤S404;
S404,响应于上述触控操作,新建空白页面;其中,该空白页面覆盖在当前打开的页面上;
S406,将图片表格格式的第一页面元素转换成表格格式;
S408,将转换后得到的表格格式的第一页面元素添加在上述新建的空白页面上;
S410,通过空白页面上的CSS控制第一页面元素在新建的空白页面上旋转,以使第一页面元素在空白页面上横向显示;
S412,在横向显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整;
S414,响应于用户对当前页面的表格方法按钮执行的触控操作,通过空白页面上的CSS调整横向显示的表格的列宽。
本申请实施例提供的页面显示方法,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于所述操作,将第一页面元素的显示方向调整为横向,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,选择横向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以在横向显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
对应上述页面显示方法,基于相同的思路,本申请实施例还提供了一种页面显示装置,应用于移动终端,图9为本申请实施例提供的页面显示装置的第一种模块组成示意图,在图9所示的装置中,包括:
第一方向调整模块51,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于上述操作,对第一页面元素的显示方向进行调整;
第一大小调整模块52,根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
可选地,当对第一页面元素的显示方向进行调整的操作为第一操作时;
上述第一方向调整模块51,具体用于,
响应于第一操作,将第一页面元素的显示方向调整为横向。
可选地,当对第一页面元素的显示方向进行调整的操作为第二操作时;
上述第一方向调整模块51,具体用于,
响应于第二操作,将第一页面元素的显示方向调整为纵向。
可选地,上述第一方向调整模块51,包括:
第一调整单元,响应于上述操作,在新建的空白页面上调整第一页面元素的显示方向;其中,上述空白页面覆盖在当前打开的页面上。
可选地,第一页面元素的格式为表格格式;
上述第一调整单元,包括:
第一添加子单元,将第一页面元素添加在上述空白页面上;
第一控制子单元,控制第一页面元素在上述空白页面上进行旋转,以调整第一页面元素的显示方向。
可选地,第一页面元素的格式为图片格式;
上述第一调整单元,包括:
第一转换子单元,将第一页面元素的格式转换成表格格式;
第二添加子单元,将转换后得到的表格格式的第一页面元素添加在上述空白页面上;
第二控制子单元,控制表格格式的第一页面元素在上述空白页面上进行旋转,以调整第一页面元素的显示方向。
可选地,上述第一大小调整模块52还用于,
响应于用户对当前页面的表格放大按钮执行的触控操作,调整横向显示的表格的宽度。
本申请实施例提供的页面显示装置,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于所述操作,对第一页面元素的显示方向进行调整,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,对第一页面元素的显示方向进行调整,以便选择合适的显示方向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
对应上述页面显示方法,基于相同的思路,本申请实施例还提供了一种页面显示装置,应用于移动终端,图10为本申请实施例提供的页面显示装置的第二种模块组成示意图,在图10所示的装置中,包括:
第二方向调整模块61,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于上述操作,将第一页面元素的显示方向调整为横向;
第二大小调整模块62,在横向的显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
可选地,上述对第一页面元素的显示方向进行横向调整的操作,包括:
对当前页面上的第一页面元素对应的表格旋转按钮的触控操作。
可选地,上述第二方向调整模块61,包括:
第二方向调整单元,响应于上述操作,控制上述第一页面元素在新建的空白页面上横向显示;其中,上述空白页面覆盖在当前打开的页面上。
可选地,上述第一页面元素的格式为表格格式;
上述第二方向调整单元,包括:
第三添加子单元,将第一页面元素添加在上述空白页面上;
第三控制子单元,控制第一页面元素在上述空白页面上进行旋转,以使第一页面元素横向显示。
可选地,第一页面元素的格式为图片格式;
上述第二调整单元,包括:
第二转换子单元,将所述第一页面元素的格式转换成表格格式;
第四添加子单元,将转换后得到的表格格式的第一页面元素添加在上述空白页面上;
第四控制子单元,控制表格格式的第一页面元素在上述空白页面上进行旋转,以使第一页面元素横向显示。
可选地,上述第二大小调整模块62,还用于,
响应于用户对当前页面的表格放大按钮执行的触控操作,调整横向显示的表格的宽度。
本申请实施例提供的页面显示装置,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于所述操作,将第一页面元素的显示方向调整为横向,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,选择横向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以在横向显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
进一步地,基于上述图1至图8所示的方法,本申请实施例还提供了一种页面显示设备,如图11所示。
页面显示设备可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上的处理器701和存储器702,存储器702中可以存储有一个或一个以上存储应用程序或数据。其中,存储器702可以是短暂存储或持久存储。存储在存储器702的应用程序可以包括一个或一个以上模块(图示未示出),每个模块可以包括对页面显示设备中的一系列计算机可执行指令。更进一步地,处理器701可以设置为与存储器702通信,在页面显示设备上执行存储器702中的一系列计算机可执行指令。页面显示设备还可以包括一个或一个以上电源703,一个或一个以上有线或无线网络接口704,一个或一个以上输入输出接口705,一个或一个以上键盘706等。
在一个具体的实施例中,页面显示设备包括有存储器,以及一个或一个以上的程序,其中一个或者一个以上程序存储于存储器中,且一个或者一个以上程序可以包括一个或一个以上模块,且每个模块可以包括对页面显示设备中的一系列计算机可执行指令,且经配置以由一个或者一个以上处理器执行该一个或者一个以上程序包含用于进行以下计算机可执行指令:
在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于上述操作,对第一页面元素的显示方向进行调整;
根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
可选地,计算机可执行指令在被执行时,当对第一页面元素的显示方向进行调整的操作为第一操作时;
响应于上述操作,对第一页面元素的显示方向进行调整,包括:
响应于上述第一操作,将第一页面元素的显示方向调整为横向。
可选地,计算机可执行指令在被执行时,当对第一页面元素的显示方向进行调整的操作为第二操作时;
响应于上述操作,对第一页面元素的显示方向进行调整,包括:
响应于上述第二操作,将第一页面元素的显示方向调整为纵向。
可选地,计算机可执行指令在被执行时,响应于上述操作,对第一页面元素的显示方向进行调整,包括:
响应于上述操作,在新建的空白页面上调整第一页面元素的显示方向;其中,上述空白页面覆盖在当前打开的页面上。
可选地,计算机可执行指令在被执行时,第一页面元素的格式为表格格式;
在新建的空白页面上调整第一页面元素的显示方向,包括:
将第一页面元素添加在上述空白页面上;
控制第一页面元素在上述空白页面上进行旋转,以调整第一页面元素的显示方向。
可选地,计算机可执行指令在被执行时,第一页面元素的格式为图片格式;
在新建的空白页面上调整第一页面元素的显示方向,包括:
将第一页面元素的格式转换成表格格式;
将转换后得到的表格格式的第一页面元素添加在上述空白页面上;
控制表格格式的第一页面元素在上述空白页面上进行旋转,以调整第一页面元素的显示方向。
可选地,计算机可执行指令在被执行时,本申请实施例提供的方法还包括:
响应于用户在移动终端上执行的第三操作,对第一页面元素对应的表格的行高和/或列宽进行调整。
本申请实施例提供的页面显示设备,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于所述操作,对第一页面元素的显示方向进行调整,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,对第一页面元素的显示方向进行调整,以便选择合适的显示方向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
在一个具体的实施例中,页面显示设备包括有存储器,以及一个或一个以上的程序,其中一个或者一个以上程序存储于存储器中,且一个或者一个以上程序可以包括一个或一个以上模块,且每个模块可以包括对页面显示设备中的一系列计算机可执行指令,且经配置以由一个或者一个以上处理器执行该一个或者一个以上程序包含用于进行以下计算机可执行指令:
在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于上述操作,将第一页面元素的显示方向调整为横向;
在横向的显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
可选地,计算机可执行指令在被执行时,对第一页面元素的显示方向进行横向调整的操作,包括:
对当前页面上的第一页面元素对应的表格旋转按钮的触控操作。
可选地,计算机可执行指令在被执行时,响应于上述操作,将第一页面元素的显示方向调整为横向,包括:
响应于上述操作,控制第一页面元素在新建的空白页面上横向显示;其中,上述空白页面覆盖在当前打开的页面上。
可选地,计算机可执行指令在被执行时,第一页面元素的格式为表格格式;
控制第一页面元素在新建的空白页面上横向显示,包括:
将第一页面元素添加在上述空白页面上;
控制第一页面元素在上述空白页面上进行旋转,以使第一页面元素横向显示。
可选地,计算机可执行指令在被执行时,第一页面元素的格式为图片格式;
控制第一页面元素在新建的空白页面上横向显示,包括:
将第一页面元素的格式转换成表格格式;
将转换后得到的表格格式的第一页面元素添加在上述空白页面上;
控制表格格式的第一页面元素在上述空白页面上进行旋转,以使第一页面元素横向显示。
可选地,计算机可执行指令在被执行时,本申请实施例提供的方法还包括:
响应于用户对当前页面的表格放大按钮执行的触控操作,调整横向显示的表格的宽度。
本申请时实施例提供的页面显示设备,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于所述操作,将第一页面元素的显示方向调整为横向,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,选择横向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以在横向显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
进一步地,基于上述图1至图8所示的方法,本申请实施例还提供了一种存储介质,用于存储计算机可执行指令,一种具体的实施例中,该存储介质可以为U盘、光盘、硬盘等,该存储介质存储的计算机可执行指令在被处理器执行时,能实现以下流程:
在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于上述操作,对第一页面元素的显示方向进行调整;
根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,当对第一页面元素的显示方向进行调整的操作为第一操作时;
响应于上述操作,对第一页面元素的显示方向进行调整,包括:
响应于上述第一操作,将第一页面元素的显示方向调整为横向。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,当对第一页面元素的显示方向进行调整的操作为第二操作时;
响应于上述操作,对第一页面元素的显示方向进行调整,包括:
响应于上述第二操作,将第一页面元素的显示方向调整为纵向。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,响应于上述操作,对第一页面元素的显示方向进行调整,包括:
响应于上述操作,在新建的空白页面上调整第一页面元素的显示方向;其中,上述空白页面覆盖在当前打开的页面上。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,第一页面元素的格式为表格格式;
在新建的空白页面上调整第一页面元素的显示方向,包括:
将第一页面元素添加在上述空白页面上;
控制第一页面元素在上述空白页面上进行旋转,以调整第一页面元素的显示方向。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,第一页面元素的格式为图片格式;
在新建的空白页面上调整第一页面元素的显示方向,包括:
将第一页面元素的格式转换成表格格式;
将转换后得到的表格格式的第一页面元素添加在上述空白页面上;
控制表格格式的第一页面元素在上述空白页面上进行旋转,以调整第一页面元素的显示方向。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,本申请实施例提供的方法还包括:
响应于用户在移动终端上执行的第三操作,对第一页面元素对应的表格的行高和/或列宽进行调整。
本申请实施例提供的存储介质存储的计算机可执行指令在被处理器执行时,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行调整的操作时,响应于所述操作,对第一页面元素的显示方向进行调整,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,对第一页面元素的显示方向进行调整,以便选择合适的显示方向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以根据调整后的第一页面元素的显示方向,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
进一步地,本申请实施例还提供了一种存储介质,用于存储计算机可执行指令,一种具体的实施例中,该存储介质可以为U盘、光盘、硬盘等,该存储介质存储的计算机可执行指令在被处理器执行时,能实现以下流程:
在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于上述操作,将第一页面元素的显示方向调整为横向;
在横向的显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,对第一页面元素的显示方向进行横向调整的操作,包括:
对当前页面上的第一页面元素对应的表格旋转按钮的触控操作。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,响应于上述操作,将第一页面元素的显示方向调整为横向,包括:
响应于上述操作,控制第一页面元素在新建的空白页面上横向显示;其中,上述空白页面覆盖在当前打开的页面上。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,第一页面元素的格式为表格格式;
控制第一页面元素在新建的空白页面上横向显示,包括:
将第一页面元素添加在上述空白页面上;
控制第一页面元素在上述空白页面上进行旋转,以使第一页面元素横向显示。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,第一页面元素的格式为图片格式;
控制第一页面元素在新建的空白页面上横向显示,包括:
将第一页面元素的格式转换成表格格式;
将转换后得到的表格格式的第一页面元素添加在上述空白页面上;
控制表格格式的第一页面元素在上述空白页面上进行旋转,以使第一页面元素横向显示。
可选地,该存储介质存储的计算机可执行指令在被处理器执行时,本申请实施例提供的方法还包括:
响应于用户对当前页面的表格放大按钮执行的触控操作,调整横向显示的表格的宽度。
本申请实施例提供的存储介质存储的计算机可执行指令在被处理器执行时,在包含以表格方式显示的第一页面元素的当前页面中,当检测到对第一页面元素的显示方向进行横向调整的操作时,响应于所述操作,将第一页面元素的显示方向调整为横向,这样,可以用户根据第一页面元素对应的表格的实际大小以及所使用的移动终端的宽度、高度等因素,选择横向显示第一页面元素,使得第一页面元素显示效果较佳;另外,还可以在横向显示方向上,对第一页面元素对应的表格的行高和/或列宽进行适应性调整,这样,可以选择合适的行高和/或列宽显示第一页面元素对应的表格,进一步提高了第一页面元素的显示效果;在本申请实施例中,用户可以根据实际需求对当前页面上的第一页面元素的方向及表格的大小进行调整,使得第一页面元素的显示效果较高,提高了人们的阅读体验。
在20世纪90年代,对于一个技术的改进可以很明显地区分是硬件上的改进(例如,对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而,随着技术的发展,当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此,不能说一个方法流程的改进就不能用硬件实体模块来实现。例如,可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray,FPGA))就是这样一种集成电路,其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字***“集成”在一片PLD上,而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且,如今,取代手工地制作集成电路芯片,这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现,它与程序开发撰写时所用的软件编译器相类似,而要编译之前的原始代码也得用特定的编程语言来撰写,此称之为硬件描述语言(Hardware Description Language,HDL),而HDL也并非仅有一种,而是有许多种,如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等,目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚,只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中,就可以很容易得到实现该逻辑方法流程的硬件电路。
控制器可以按任何适当的方式实现,例如,控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit,ASIC)、可编程逻辑控制器和嵌入微控制器的形式,控制器的例子包括但不限于以下微控制器:ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320,存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道,除了以纯计算机可读程序代码方式实现控制器以外,完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件,而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至,可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。
上述实施例阐明的***、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本领域内的技术人员应明白,本申请的实施例可提供为方法、***、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。