基于曲面屏的页面显示方法、电子设备及存储介质技术

技术编号:28792233 阅读:23 留言:0更新日期:2021-06-09 11:29
本发明专利技术公开了一种基于曲面屏的页面显示方法、电子设备及存储介质,该方法包括:获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置,将初始展示位置位于曲面屏的曲面展示区域的页面元素确定为目标页面元素;其中,曲面屏的屏幕展示区域包括平面展示区域以及曲面展示区域;根据所述目标页面元素的元素类型判断所述目标页面元素的初始展示位置是否需要调整;若是,对所述目标页面元素的初始展示位置进行调整,以使调整后的目标页面元素的实际展示位置位于所述平面展示区域。该方式能够避免因曲面展示区域不易查看等缺陷而导致的阅读困难的问题,提升了用户的阅读体验,有利于用户从展示页面中获取更多的有效信息。效信息。效信息。

【技术实现步骤摘要】
基于曲面屏的页面显示方法、电子设备及存储介质


[0001]本专利技术涉及计算机领域,具体涉及一种基于曲面屏的页面显示方法、电子设备及存储介质。

技术介绍

[0002]目前,为了提升显示效果,增大屏幕显示面积,很多厂商都推出了曲面屏。与传统的平面屏不同,曲面屏的屏幕边缘部分向后盖方向弯曲形成曲面。曲面屏以其外观新颖、展示区域大等诸多优势赢得了越来越多用户的青睐。
[0003]但是,专利技术人在实现本专利技术的过程中发现,通过曲面屏显示电子书应用的界面时,文字等处于页面边缘位置的页面元素通常会展示在曲面屏的边缘曲面部分,由于该边缘曲面部分与人眼视觉方向不一致,且该部分显示的内容容易发生形变,从而导致用户阅读困难,严重影响了用户的阅读体验。

技术实现思路

[0004]鉴于上述问题,提出了本专利技术以便提供一种克服上述问题或者至少部分地解决上述问题的基于曲面屏的页面显示方法、电子设备及存储介质。
[0005]根据本专利技术的一个方面,提供了一种基于曲面屏的页面显示方法,该方法包括:
[0006]当判断出终端设备屏幕为曲面屏时,获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置,将初始展示位置位于曲面屏的曲面展示区域的页面元素确定为目标页面元素;其中,曲面屏的屏幕展示区域包括平面展示区域以及曲面展示区域;
[0007]根据所述目标页面元素的元素类型判断所述目标页面元素的初始展示位置是否需要调整;若是,对所述目标页面元素的初始展示位置进行调整,以使调整后的目标页面元素的实际展示位置位于所述平面展示区域。
[0008]根据本专利技术的另一方面,提供了一种电子设备,该电子设备包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
[0009]所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
[0010]当判断出终端设备屏幕为曲面屏时,获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置,将初始展示位置位于曲面屏的曲面展示区域的页面元素确定为目标页面元素;其中,曲面屏的屏幕展示区域包括平面展示区域以及曲面展示区域;
[0011]根据所述目标页面元素的元素类型判断所述目标页面元素的初始展示位置是否需要调整;若是,对所述目标页面元素的初始展示位置进行调整,以使调整后的目标页面元素的实际展示位置位于所述平面展示区域。
[0012]根据本专利技术的又一方面,提供了一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
[0013]当判断出终端设备屏幕为曲面屏时,获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置,将初始展示位置位于曲面屏的曲面展示区域的页面元素确定为目标页面元素;其中,曲面屏的屏幕展示区域包括平面展示区域以及曲面展示区域;
[0014]根据所述目标页面元素的元素类型判断所述目标页面元素的初始展示位置是否需要调整;若是,对所述目标页面元素的初始展示位置进行调整,以使调整后的目标页面元素的实际展示位置位于所述平面展示区域。
[0015]在本专利技术提供的基于曲面屏的页面显示方法、电子设备及存储介质中,能够获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置,并针对初始展示位置位于曲面屏的曲面展示区域的页面元素的展示位置进行调整,以使调整后的页面元素的实际展示位置位于平面展示区域。由此可见,该方式能够在页面显示时自动判断是否存在展示于曲面展示区域的关键页面元素,从而调整关键页面元素的位置,使其展示于平面展示区域,从而避免因曲面展示区域不易查看等缺陷而导致的阅读困难的问题,提升了用户的阅读体验,有利于用户从展示页面中获取更多的有效信息。
[0016]上述说明仅是本专利技术技术方案的概述,为了能够更清楚了解本专利技术的技术手段,而可依照说明书的内容予以实施,并且为了让本专利技术的上述和其它目的、特征和优点能够更明显易懂,以下特举本专利技术的具体实施方式。
附图说明
[0017]通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本专利技术的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
[0018]图1示出了本专利技术一个实施例提供的基于曲面屏的页面显示方法的流程图;
[0019]图2示出了本专利技术另一个实施例提供的基于曲面屏的页面显示方法的流程图;
[0020]图3示出了根据本专利技术另一个实施例的一种电子设备的结构示意图。
具体实施方式
[0021]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
[0022]实施例一
[0023]图1示出了本专利技术一个实施例提供的基于曲面屏的页面显示方法的流程图。如图1所示,该方法包括以下步骤:
[0024]步骤S110:当判断出终端设备屏幕为曲面屏时,获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置,将初始展示位置位于曲面屏的曲面展示区域的页面元素确定为目标页面元素;其中,曲面屏的屏幕展示区域包括平面展示区域以及曲面展示区域。
[0025]其中,待展示页面可以为各类应用中包含的页面,也可以为浏览器中的页面,本专利技术不限定待展示页面的具体类型。根据待展示页面的页面标识能够获取到待展示页面的内
容信息,进而获取到待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置。其中,各个页面元素的初始展示位置是指:各个页面元素按照页面布局信息进行排布时所对应的展示位置,该展示位置根据页面原始布局信息确定,尚未经过任何调整。例如,以网页页面而言,页面中包含处于页面中心区域的页面元素以及处于页面边缘区域的页面元素,各个页面元素分别对应于不同的初始展示位置。
[0026]相应的,根据初始展示位置的坐标信息以及曲面屏的曲率参数等信息,确定初始展示位置位于曲面屏的曲面展示区域的页面元素,将该初始展示位置位于曲面屏的曲面展示区域的页面元素确定为目标页面元素。
[0027]其中,曲面屏的屏幕展示区域包括平面展示区域以及曲面展示区域。平面展示区域通常是指:处于平面状态的屏幕区域;曲面展示区域通常是指:处于曲面状态的屏幕区域。例如,曲面屏通常仅在屏幕两侧的边缘区域存在弯曲弧度,而在除两侧之外的其余区域内则呈现出平面状态,相应的,将存在弯曲弧度的部分称作曲面展示区域,而将其余不存在弯曲弧度的部分称作平面展示区域。
[0028]另外,除单纯根据屏幕区域的外观特征划分平面展示区域以及曲面展示区域之外,还可以通过其他各类方式灵活划分。例如,有些曲面屏的整体呈现出类似于凸透镜的外观状本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种基于曲面屏的页面显示方法,其中,所述方法包括:当判断出终端设备屏幕为曲面屏时,获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置,将初始展示位置位于曲面屏的曲面展示区域的页面元素确定为目标页面元素;其中,曲面屏的屏幕展示区域包括平面展示区域以及曲面展示区域;根据所述目标页面元素的元素类型判断所述目标页面元素的初始展示位置是否需要调整;若是,对所述目标页面元素的初始展示位置进行调整,以使调整后的目标页面元素的实际展示位置位于所述平面展示区域。2.根据权利要求1所述的方法,其中,所述获取待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置包括:根据待展示页面的页面标识,获取所述待展示页面的页面布局信息;根据所述页面布局信息确定所述待展示页面中包含的各个页面元素以及各个页面元素的初始展示位置。3.根据权利要求1或2所述的方法,其中,当所述页面标识为原生页面标识时,所述对所述目标页面元素的初始展示位置进行调整包括:在客户端本地对所述目标页面元素的初始展示位置进行调整;当所述页面标识为H5页面标识时,所述对所述目标页面元素的初始展示位置进行调整包括:向服务端发送包含调整参数的页面调整请求,响应于服务端基于所述页面调整请求发送的页面调整指令,对所述目标页面元素的初始展示位置进行调整。4.根据权利要求1

3任一所述的方法,其中,所述根据所述目标页面元素的元素类型判断所述目标页面元素的初始展示位置是否需要调整包括:根据所述待展示页面的页面类型,确定与所述页面类型相对应的待调整元素类型;当所述目标页面元素的元素类型属于所述待调整元素类型时,确定所述目标页面元素的初始展示位置需要调整。5.根据权利要求4所述的方法,其中,所述待展示页面为电子书应用中包含的页面;当所述待展示页面的页面类型为阅读页类型时,与所述阅读页类型相对应的待调整元素类型包括:文本元素类型、和/或图片元素类型;当所述待展示页面的页面类型为前端展示类型时,与所述前端展示类型相对应的待调整元素类型包括:交互元素类型;其中,属于交互元素类型的页面元素包括:按钮类元素、和/或热区类元素。6.根据权利要求1

【专利技术属性】
技术研发人员:李佳著胡启文
申请(专利权)人:掌阅科技股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1