CN114297547A - 页面元素调整方法、装置、设备、存储介质和程序产品 - Google Patents

页面元素调整方法、装置、设备、存储介质和程序产品 Download PDF

Info

Publication number
CN114297547A
CN114297547A CN202111660816.3A CN202111660816A CN114297547A CN 114297547 A CN114297547 A CN 114297547A CN 202111660816 A CN202111660816 A CN 202111660816A CN 114297547 A CN114297547 A CN 114297547A
Authority
CN
China
Prior art keywords
page
target
size
adjustment
page element
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
Application number
CN202111660816.3A
Other languages
English (en)
Inventor
韩天助
张银成
陈烨
曹晓洒
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Industrial and Commercial Bank of China Ltd ICBC
Original Assignee
Industrial and Commercial Bank of China Ltd ICBC
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Industrial and Commercial Bank of China Ltd ICBC filed Critical Industrial and Commercial Bank of China Ltd ICBC
Priority to CN202111660816.3A priority Critical patent/CN114297547A/zh
Publication of CN114297547A publication Critical patent/CN114297547A/zh
Pending legal-status Critical Current

Links

Images

Landscapes

  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请涉及一种页面元素调整方法、装置、设备、存储介质和程序产品,可用于金融领域或其他领域。所述方法包括:在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,尺寸调整参考信息包括元素尺寸配置参数、目标页面的属性参数以及页面元素的属性参数;确定各页面元素的调整顺序,并根据调整顺序确定各页面元素的页面锚定元素;根据尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息,尺寸调整信息指示页面元素的目标尺寸,间距调整信息指示页面元素相较于对应的页面锚定元素的目标间距;基于各页面元素对应的目标尺寸和目标间距,展示目标页面。采用本方法能够使应用程序中的元素根据移动设备系统自适应调整。

Description

页面元素调整方法、装置、设备、存储介质和程序产品
技术领域
本申请涉及页面布局技术领域,特别是涉及一种页面元素调整方法、装置、设备、存储介质和程序产品。
背景技术
如今,用户可以根据需要调整所使用的移动设备的系统中的各元素的大小,以方便使用,元素即指页面组成中,可进行用户交互或图像显示的最小单位,包括文本、按钮、图片、弹窗、列表、网格等。
用户在使用移动设备时,多多少少会安装应用程序进行相关操作。而大部分的应用程序,为减少页面适配的难度,保证页面布局的统一、页面信息的完整显示,会设定页面中的各元素为固定尺寸大小,以将页面及页面中的元素在移动设备系统中的适配难度降到最低。
然而,对于用户来讲,若应用程序的页面中的元素尺寸大小与移动设备系统中的各元素的大小不一致,会影响应用程序的使用,例如,老年人需要将移动设备系统中的元素设置为大号,但是在应用程序的元素尺寸大小小于老年人移动设备系统的元素时,会导致看不清而不方便使用等问题,因此,应用程序的元素大小根据移动设备系统自适应调整的问题亟需解决。
发明内容
基于此,有必要针对上述技术问题,提供一种能够使应用程序中的元素根据移动设备系统自适应调整的页面元素调整方法、装置、设备、可读存储介质和程序产品。
第一方面,本申请提供了一种页面元素调整方法。该方法包括:
在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,该尺寸调整参考信息包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数;确定该目标页面中该页面元素的调整顺序,并根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素;根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息,该尺寸调整信息用于指示该页面元素的调整后的目标尺寸,该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距;基于各页面元素对应的该目标尺寸和该目标间距,展示该目标页面。
在其中一个实施例中,该元素尺寸配置参数包括该操作系统的默认字体大小和该操作系统当前的字体大小,该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式,该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。
在其中一个实施例中,该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种;该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
在其中一个实施例中,该根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息,包括:根据该尺寸调整参考信息确定各页面元素分别对应的调整系数;根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息;根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距,确定各页面元素的间距调整信息。
在其中一个实施例中,该根据该尺寸调整参考信息确定各页面元素分别对应的调整系数,包括:对于各页面元素,根据所述默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵;根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵;将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘,得到该页面元素对应的调整系数。
在其中一个实施例中,该根据各页面元素的调整顺序确定各页面元素所分别对应的该页面锚定元素,包括:对于在该调整顺序中排序第1的第一页面元素,将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素,其中,该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种,该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线,该横向边界线为该目标页面的左边界线或者该目标页面的右边界线;对于在该调整顺序中排序第i的第二页面元素,将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素,i大于1。
在其中一个实施例中,该在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,包括:在接收到对该目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作,该调整开启选项位于当前展示的页面中;若接收到针对该调整开启选项的触发操作,则执行获取该尺寸调整参考信息的操作。
第二方面,本申请还提供了一种页面元素调整装置。该装置包括:
第一获取模块,用于在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,所述尺寸调整参考信息包括操作系统的元素尺寸配置参数、所述目标页面的属性参数以及所述目标页面中各页面元素的属性参数;
第一确定模块,用于确定所述目标页面中所述页面元素的调整顺序,并根据所述页面元素的调整顺序确定各所述页面元素所分别对应的页面锚定元素;
第二获取模块,用于根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息,所述尺寸调整信息用于指示所述页面元素的调整后的目标尺寸,所述间距调整信息用于指示所述页面元素相较于对应的页面锚定元素的调整后的目标间距;
第一展示模块,用于基于各所述页面元素对应的所述目标尺寸和所述目标间距,展示所述目标页面。
在其中一个实施例中,该元素尺寸配置参数包括该操作系统的默认字体大小和该操作系统当前的字体大小,该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式,该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。
在其中一个实施例中,该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种;该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
在其中一个实施例中,该第二获取模块,具体用于:根据该尺寸调整参考信息确定各页面元素分别对应的调整系数;根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息;根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距,确定各页面元素的间距调整信息。
在其中一个实施例中,该第二获取模块,具体用于:对于各页面元素,根据所述默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵;根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵;将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘,得到该页面元素对应的调整系数。
在其中一个实施例中,该第一确定模块,具体用于:对于在该调整顺序中排序第1的第一页面元素,将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素,其中,该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种,该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线,该横向边界线为该目标页面的左边界线或者该目标页面的右边界线;对于在该调整顺序中排序第i的第二页面元素,将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素,i大于1。
在其中一个实施例中,该第一获取模块,具体用于:在接收到对该目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作,该调整开启选项位于当前展示的页面中;若接收到针对该调整开启选项的触发操作,则执行获取该尺寸调整参考信息的操作。
第三方面,本申请还提供了一种计算机设备,包括存储器和处理器,该存储器存储有计算机程序,该处理器执行该计算机程序时实现上述第一方面任一项所述的方法的步骤。
第四方面,本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现上述第一方面中任一项所述的方法的步骤。
第五方面,本申请还提供了一种计算机程序产品,该计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述第一方面中任一项所述的方法的步骤。
上述页面元素调整方法、装置、设备、存储介质和程序产品,在接收到对目标应用中的目标页面进行展示的指令后,可以获取包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数的尺寸调整参考信息,从而可以根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息;同时,可以通过确定该目标页面中该页面元素的调整顺序,从而根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素;其中,该尺寸调整信息用于指示该页面元素的调整后的目标尺寸,该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距;进一步地,可基于各页面元素对应的目标尺寸,对各页面元素进行尺寸调整,可基于各页面元素的目标间距,对各页面元素进行位置调整,因此,可展示各页面元素进行尺寸和间距调整后的目标页面;由于各页面元素对应的目标尺寸和目标间距根据操作系统的元素尺寸配置参数得到,从而在不影响目标应用正常且完整的展示目标页面中的各页面元素的同时,使得调整后的各页面元素与操作系统的原始字体大小保持一致,即提升了目标页面对操作系统的适配度,保证目标页面的各页面元素布局统一的同时,也方便用户查看和操作各页面元素。
附图说明
图1为一个实施例中页面元素调整方法的流程示意图;
图2为一个实施例中根据指令获取尺寸调整参考信息的流程示意图;
图3为一个实施例中获取调整信息的流程示意图;
图4为一个实施例中获取调整系数的流程示意图;
图5为一个实施例中页面元素自适应调整的流程示意图;
图6为一个实施例中页面元素调整装置的结构框图;
图7为一个实施例中计算机设备的内部结构图。
具体实施方式
为了使本申请的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本申请进行进一步详细说明。应当理解,此处描述的具体实施例仅仅用以解释本申请,并不用于限定本申请。
如今,用户可以根据需要调整所使用的移动设备的系统中的各元素的大小,以方便使用,元素即指页面组成中,可进行用户交互或图像显示的最小单位,包括文本、按钮、图片、弹窗、列表、网格等。
用户在使用移动设备时,多多少少会安装应用程序进行相关操作。而大部分的应用程序,为减少页面适配的难度,保证页面布局的统一、页面信息的完整显示,会设定页面中的各元素为固定尺寸大小,以将页面及页面中的元素在移动设备系统中的适配难度降到最低。
然而,按照工业和信息化部发布《互联网应用适老化及无障碍改造专项行动方案》工作要求,我国移动互联网应用适老化水平有待提升,针对老年人,应推出具有大字体、大图标、高对比度文字等功能特点的产品。对于用户来讲,若应用程序的页面中的元素尺寸大小与移动设备系统中的各元素的大小不一致,会影响应用程序的使用,例如,老年人需要将移动设备系统中的元素设置为大号,但是在应用程序的元素尺寸大小小于老年人移动设备系统的元素时,会导致看不清而不方便使用等问题,因此,应用程序的元素大小根据移动设备系统自适应调整的问题亟需解决。
在一个实施例中,如图1所示,提供了一种页面元素调整方法,本申请实施例以该方法应用于终端进行举例说明,其中,终端可以但不限于是各种个人计算机、笔记本电脑、智能手机、平板电脑、物联网设备和便携式可穿戴设备。便携式可穿戴设备可为智能手表、智能手环等。可以理解的是,该方法也可以应用于服务器,还可以应用于包括终端和服务器的系统,并通过终端和服务器的交互实现。本申请实施例中,该方法包括以下步骤:
步骤101,在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息;该尺寸调整参考信息包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数。
其中,目标应用指在终端中安装并使用的应用程序,安装目标应用的终端作为目标终端,用户可通过目标终端使用该目标应用中的各功能;当用户在目标终端中打开该目标应用后,目标应用需在其使用过程中进行各种不同页面的展示,即接收到对目标应用中的页面进行展示的指令,其中,目标应用当前时刻需要在目标终端的屏幕上进行展示的页面即目标页面,且目标页面中包括多个需要进行展示的页面元素。其中,页面元素指页面组成中,可进行用户交互或图像显示的最小单位,包括文本、按钮、图片、弹窗、列表、网格等。
一般来说,目标终端的系统中各元素在屏幕上显示的大小是经由用户根据自身偏好进行设置的,为使目标应用的目标页面中的各页面元素的大小与目标终端的系统设置的大小保持一致,则目标应用需要在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,以根据该尺寸调整参考信息对各页面元素进行调整,从而方便用户查看目标页面的各页面元素所对应的内容。其中,该尺寸调整参考信息包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数;该操作系统即指目标终端的系统,操作系统的元素尺寸配置参数即系统中设置的各元素的尺寸大小;目标页面的属性参数指目标应用对该目标页面所预设的尺寸参数,相应的,目标页面中各页面元素的属性参数指目标应用中各页面元素所包括的尺寸参数。
步骤102,确定该目标页面中该页面元素的调整顺序,并根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素。
其中,对于目标页面中的各页面元素,不仅需要调整各页面元素的自身大大小,也需要调整各页面元素的位置,因此,为确定各页面元素调整的位置,需要确定目标页面中的各页面元素的调整顺序;例如,可将目标应用预先设定的目标页面中各页面元素在目标终端的屏幕上进行展示的顺序作为各页面元素的调整顺序,或根据目标应用预设的各页面元素的类型确定各页面元素的调整顺序等,本申请实施例对此不作限定。
进一步地,根据各页面元素的调整顺序,从而确定各页面元素分别对应的页面锚定元素,其中,该页面锚定元素例如为目标页面中的固定边界或目标页面中的某一页面元素等,本申请实施例对此不作限定;其中,根据各页面元素的调整顺序,为每一页面元素确定其所分别对应的页面锚定元素,从而可根据各页面锚定元素,对应调整各页面元素的位置。
步骤103,根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息;该尺寸调整信息用于指示该页面元素的调整后的目标尺寸,该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距。
其中,在确定各页面元素所分别对应的页面锚定元素后,根据获取到的尺寸调整参考信息,即目标终端的操作系统的元素尺寸配置参数、目标页面的属性参数以及目标页面中各页面元素的属性参数,进行相应计算后确定各页面元素所分别对应的尺寸调整信息和间距调整信息,其中,尺寸调整信息用于调整对应的页面元素的自身尺寸大小,间距调整信息用于调整对应的页面元素在目标页面中的位置。具体地,尺寸调整信息即用于指示对应的页面元素调整后的目标尺寸,该目标尺寸即指页面元素最终在目标页面中的尺寸;间距调整信息用于指示页面元素相较于对应的页面锚定元素的调整后的目标间距,目标间距即指页面元素与对应的页面锚定元素之间的间距。
步骤104,基于各页面元素对应的该目标尺寸和该目标间距,展示该目标页面。
其中,当确定目标页面的各页面元素对应的目标尺寸后,即可根据目标尺寸,对应调整各页面元素的大小,以使各页面元素的大小与目标终端的系统所设置的各元素的大小保持一致,以方便用户查看各页面元素所展示的内容;当确定目标页面的各页面元素对应的目标间距后,即可根据目标间距对应调整各页面元素在目标页面中的位置,以保证各页面元素在调整尺寸后保持原有的顺序,避免目标页面各页面元素排序混乱,影响目标页面的正常展示。因此,目标页面可展示调整后的各页面元素供用户查看。
上述页面元素调整方法中,在接收到对目标应用中的目标页面进行展示的指令后,可以获取包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数的尺寸调整参考信息,从而可以根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息;同时,可以通过确定该目标页面中该页面元素的调整顺序,从而根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素;其中,该尺寸调整信息用于指示该页面元素的调整后的目标尺寸,该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距;进一步地,可基于各页面元素对应的目标尺寸,对各页面元素进行尺寸调整,可基于各页面元素的目标间距,对各页面元素进行位置调整,因此,可展示各页面元素进行尺寸和间距调整后的目标页面;由于各页面元素对应的目标尺寸和目标间距根据操作系统的元素尺寸配置参数得到,从而在不影响目标应用正常且完整的展示目标页面中的各页面元素的同时,使得调整后的各页面元素与操作系统的原始字体大小保持一致,即提升了目标页面对操作系统的适配度,保证目标页面的各页面元素布局统一的同时,也方便用户查看和操作各页面元素。
在一个实施例中,如图2所示,其示出了本申请实施例提供的一种根据指令获取尺寸调整参考信息的流程示意图;在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,包括:
步骤201,在接收到对该目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作;该调整开启选项位于当前展示的页面中。
其中,目标应用可为用户提供是否开启页面调整的选项,供用户选择是否确定对目标应用所展示的各页面进行元素的调整,目标应用在接收到对目标页面进行展示的指令后,需检测是否有接收到针对调整开启选项的触发操作,从而判断是否进行调整;例如,目标应用可提供调整虚拟按键并将该调整虚拟按键在目标终端的屏幕上展示,当检测到用户点击打开该调整虚拟按键,则确定可进行调整操作,并在调整过程中,当检测到用户点击关闭该调整虚拟按键,则确定停止进行调整操作;或者,目标应用可提供询问界面,用于询问用户是否同意进行调整操作,并在检测到用户针对调整开启的触发操作后,进行调整操作;或者,目标应用也可通过其它可实现的方式检测是否接收到调整开启的触发操作,本申请对此不作限定。
步骤202,若接收到针对该调整开启选项的触发操作,则执行获取该尺寸调整参考信息的操作。
其中给,在接收到针对该调整开启选项的触发操作后,即用户同意确定进行页面元素的调整,则进一步地,通过执行获取尺寸调整参考信息的操作,从而进行调整工作。
通过检测是否接收到针对调整开启选项的触发操作,避免盲目进行页面元素的调整,在检测到调整开启选项的触发后才进行调整操作,使得页面元素的调整更加灵活,且可在调整过程中检测到调整关闭选项的触发操作后停止调整操作,提升了人机交互的智能性,更方便用户对目标应用的使用和适应。
在一个实施例中,元素尺寸配置参数包括操作系统的默认字体大小和该操作系统当前的字体大小,该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式,该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。
该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种;该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
其中,操作系统的默认字体大小指目标终端的系统的出厂预设的目标终端中的各字体展示的大小,默认字体大小例如为默认字体的字号;操作系统当前的字体大小指目标终端的系统的当前被用户使用的过程中所展示的字体的大小,该当前的字体大小可以为用户设置的不同于默认字体大小的字号或是未经用户设置的相同于默认字体大小的字号。
目标页面的属性参数指与目标页面相关的参数,如目标页面的页面尺寸,即目标应用中预设的目标页面的尺寸;目标页面的页面类型即目标应用预设的目标页面的类型,例如,目标页面的类型可以为动态页面或静态页面,其中,静态页面对应的属性参数值与动态页面对应的属性参数值不同,目标应用根据目标页面所对应的类型,确定其对应的与类型相关的属性参数值;目标页面中页面元素的布局方式即目标应用中预设的各目标也页面对于其所包括的各页面元素的布局方式,其中,布局方式例如为框架布局、线性布局、相对布局、约束布局等,各布局方式对应不同的属性参数值,目标应用根据目标页面所对应的布局方式,确定其对应的与布局方式相关的属性参数值。
页面元素的属性参数包括页面元素的类型、页面元素的展示需求以及页面元素的交互需求。其中,页面元素的类型为目标应用预设的目标页面中各页面元素的类型,页面元素的类型例如为文本、按钮、图片、输入框、弹窗、网格、列表等,不同的元素类型对应不同的属性参数值;目标应用根据目标页面中的各页面元素所对应的类型,确定其所对应的与类型相关的属性参数值;页面元素的展示需求包括是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示等,页面元素的交互需求包括页面元素是否需要进行点击操作或页面元素是否需要进行闪烁提示等,对于每一页面元素,根据其所对应的展示需求和交互需求,确定该页面元素与展示需求和交互需求相关的属性参数值。
在一个实施例中,如图3所示,其示出了本申请实施例提供的一种获取调整信息的流程示意图;根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息,包括:
步骤301,根据该尺寸调整参考信息确定各页面元素分别对应的调整系数。
其中,为确定各页面元素的尺寸调整信息和间距调整信息,需要预先确定各页面元素所对应的调整系数,基于该调整系数,确定各目标元素的尺寸调整信息和间距调整信息。
请参考图4,其示出了本申请实施例提供的一种获取调整系数的流程示意图;根据该尺寸调整参考信息确定各页面元素分别对应的调整系数,包括:
步骤401,对于各页面元素,根据该默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵。
其中,求目标终端的操作系统默认字体的字号与目标终端的操作系统当前的字体字号之间的比值,将该比值记为s1;获取目标终端的屏幕尺寸,并求目标终端的屏幕尺寸与目标页面的页面尺寸的比值,将该比值记为s2;根据s1和s2构建第一矩阵。其中,目标终端的屏幕尺寸和目标页面的页面尺寸包括长和宽,在求s2之前,获取目标终端的屏幕显示方式,当目标终端的屏幕显示方式为横屏显示时,则求屏幕的长与目标页面的长的比值,并将该比值作为s2的值;若目标页面的屏幕显示方式为竖屏显示时,则求屏幕的宽与目标页面的宽的比值,并将该比值作为s2的值。
步骤402,根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵。
其中,将目标页面的页面类型所对应的属性参数值作为上述页面类型对应的参数值,记为r1;将目标页面的布局方式对应的属性参数值作为上述布局方式对应的参数值,记为r2;将页面元素的类型对应的属性参数值作为上述页面元素的类型对应的参数值,记为r3,根据r1、r2和r3构建第二矩阵。
步骤403,将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘,得到该页面元素对应的调整系数。
其中,根据页面元素的展示需求与页面元素的交互需求确定的属性参数值作为上述页面元素的展示需求与页面元素的交互需求对应的参数值,记为b1;将第一矩阵、第二矩阵以及b1直接相乘,即可确定该页面元素的调整系数。
由于目标页面的各页面元素的类型可能不同,所对应的页面元素的类型的参数值也不同,则各页面元素对应的r3的值不同,即第二矩阵也不同;类似地,各页面元素对应的b1的值也不同;因此,各页面元素对应计算得到的调整系数的值也不同。
步骤302,根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息。
其中,各页面元素对应的默认尺寸信息指目标应用预设的各页面元素的尺寸,例如,预设的长度、预设的宽度或预设的直径等。
对于目标页面的每一页面元素,对该页面元素对应的调整系数与该页面元素对应的默认尺寸信息求积,得到该页面元素的尺寸调整信息,即该页面元素调整后在屏幕中显示的大小。
步骤303,根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距,确定各页面元素的间距调整信息。
其中,对于每一页面元素,根据该页面元素对应的页面锚定元素,求该页面元素与所对应的页面锚定元素之间的间距,从而得到该页面元素对应的默认间距,求该页面元素对应的调整系数与对应的默认间距的积,得到该页面元素对应的间距调整信息,即该页面元素调整后与页面锚定元素之间的间距。
通过确定目标页面中各页面元素分别对应的尺寸调整间距和间距调整间距。从而可以准确的对各页面元素进行尺寸和位置的调整,使得调整后的目标页面在保证原始展示秩序的同时,保持各页面元素的尺寸大小与目标终端中的各元素的大小一致,确保用户可无差别查看目标页面的内容,尤其对于通常需要查看大号字体的老年人,可顺利查看目标应用中的内容。
在一个实施例中,该根据各页面元素的调整顺序确定各页面元素所分别对应的该页面锚定元素,包括:
对于在该调整顺序中排序第1的第一页面元素,将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素,其中,该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种,该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线,该横向边界线为该目标页面的左边界线或者该目标页面的右边界线。
对于在该调整顺序中排序第i的第二页面元素,将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素,i大于1。
其中,将目标页面中调整顺序为第1的页面元素作为第一页元素,对于第一页面元素,可将目标页面的上边界线、下边界线、左边界线或右边界线作为其所对应的页面锚定元素;例如,当目标页面的布局方式为纵向的线性布局时,则可将上边界线作为第一页面元素的页面锚定元素,当目标页面的布局方式为横向的线性布局时,则可将左边界线作为第一页面元素的页面锚定元素,本社申请实施例对此不作限定,只要可以实现确定第一页面元素对应的间距调整信息即可。
记目标页面中的页面元素数量为i,i大于1。将目标页面中调整顺序不为第1的页面元素记为第二页面元素,对于各第二页面元素,可将调整顺序在其之前的且相邻的页面元素作为该第二页面元素的页面锚定元素,例如,当第二页面元素为调整顺序为第4的页面元素时,可将调整顺序为第3的页面元素作为该第二页面元素的页面锚定元素,则可通过求调整顺序为第3的页面元素与该第二页面元素之间的间距,从而进一步确定间距调整间距。
可选的,对于目标页面中的各页面元素,也可将目标页面的虚拟标定线作为每一页面元素的页面锚定元素,从而进一步确定各页面元素的间距调整信息。
本申请实施例中,根据调整顺序可确定各页面元素的页面锚定元素,从而可以确定每一页面元素的间距调整信息,并根据该间距调整信息对各页面元素进行位置调整,保证各页面元素在进行尺寸调整后,还能保持预设的布局秩序,避免页面元素展示混乱,保证目标页面的正常显示。
在一个实施例中,如图5所示,其示出了本申请实施例提供的一种页面元素自适应调整的流程示意图;在安装目标应用的目标终端中,根据以下步骤,对目标应用中的目标页面的各页面元素进行调整,以适应目标终端的系统预设元素大小。包括:
步骤501,在接收到对目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作。
其中,调整开启选项位于当前展示的页面中。
步骤502,若接收到针对调整开启选项的触发操作,则获取目标页面中各页面元素的尺寸调整参考信息。
其中,尺寸调整参考信息包括操作系统的元素尺寸配置参数、目标页面的属性参数以及目标页面中各页面元素的属性参数。元素尺寸配置参数包括操作系统的默认字体大小和操作系统当前的字体大小,目标页面的属性参数用于表征目标页面的页面尺寸、目标页面的页面类型以及目标页面中页面元素的布局方式,页面元素的属性参数包括页面元素的类型、页面元素的展示需求以及页面元素的交互需求。页面元素的展示需求用于表征是否着重展示页面元素、是否保持页面元素原始尺寸以及对页面元素进行主要展示或页面元素进行次要展示中的至少一种;页面元素的交互需求用于表征页面元素是否需要进行点击操作以及页面元素是否需要闪烁提示中的至少一种。
步骤503,根据尺寸调整参考信息确定各页面元素分别对应的调整系数。
其中,对于各页面元素,根据默认字体大小与当前的字体大小的比值以及页面尺寸与屏幕尺寸的比值构建第一矩阵。根据页面类型对应的参数值、布局方式对应的参数值以及页面元素的类型对应的参数值构建第二矩阵。将第一矩阵、第二矩阵以及页面元素的展示需求与页面元素的交互需求对应的参数值相乘,得到页面元素对应的调整系数。
步骤504,根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息。
其中,对于目标页面的每一页面元素,对该页面元素对应的调整系数与该页面元素对应的默认尺寸信息求积,得到该页面元素的尺寸调整信息,即该页面元素调整后在屏幕中显示的大小。
步骤505,确定各页面元素所分别对应的页面锚定元素。
其中,将目标页面中调整顺序为第1的页面元素作为第一页元素,对于第一页面元素,可将目标页面的上边界线、下边界线、左边界线或右边界线作为其所对应的页面锚定元素;例如,当目标页面的布局方式为纵向的线性布局时,则可将上边界线作为第一页面元素的页面锚定元素,当目标页面的布局方式为横向的线性布局时,则可将左边界线作为第一页面元素的页面锚定元素,本社申请实施例对此不作限定,只要可以实现确定第一页面元素对应的间距调整信息即可。
记目标页面中的页面元素数量为i,i大于1。将目标页面中调整顺序不为第1的页面元素记为第二页面元素,对于各第二页面元素,可将调整顺序在其之前的且相邻的页面元素作为该第二页面元素的页面锚定元素,例如,当第二页面元素为调整顺序为第4的页面元素时,可将调整顺序为第3的页面元素作为该第二页面元素的页面锚定元素,则可通过求调整顺序为第3的页面元素与该第二页面元素之间的间距,从而进一步确定间距调整间距。
步骤506,根据各页面元素分别对应的调整系数以及各页面元素相较于页面锚定元素的默认间距,确定各页面元素的间距调整信息。
其中,对于每一页面元素,根据该页面元素对应的页面锚定元素,求该页面元素与所对应的页面锚定元素之间的间距,从而得到该页面元素对应的默认间距,求该页面元素对应的调整系数与对应的默认间距的积,得到该页面元素对应的间距调整信息,即该页面元素调整后与页面锚定元素之间的间距。
步骤507,基于各页面元素对应的尺寸调整信息和间距调整信息,调整各页面元素。
应该理解的是,虽然如上所述的各实施例所涉及的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,这些步骤可以以其它的顺序执行。而且,如上所述的各实施例所涉及的流程图中的至少一部分步骤可以包括多个步骤或者多个阶段,这些步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,这些步骤或者阶段的执行顺序也不必然是依次进行,而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。
基于同样的发明构思,本申请实施例还提供了一种用于实现上述所涉及的页面元素调整方法的页面元素调整装置。该装置所提供的解决问题的实现方案与上述方法中所记载的实现方案相似,故下面所提供的一个或多个页面元素调整装置实施例中的具体限定可以参见上文中对于页面元素调整方法的限定,在此不再赘述。
在一个实施例中,如图6所示,提供了一种页面元素调整装置,包括:第一获取模块601、第一确定模块602、第二获取模块603和第一展示模块604,其中:
第一获取模块601,用于在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,所述尺寸调整参考信息包括操作系统的元素尺寸配置参数、所述目标页面的属性参数以及所述目标页面中各页面元素的属性参数。
第一确定模块602,用于确定所述目标页面中所述页面元素的调整顺序,并根据所述页面元素的调整顺序确定各所述页面元素所分别对应的页面锚定元素。
第二获取模块603,用于根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息,所述尺寸调整信息用于指示所述页面元素的调整后的目标尺寸,所述间距调整信息用于指示所述页面元素相较于对应的页面锚定元素的调整后的目标间距。
第一展示模块604,用于基于各所述页面元素对应的所述目标尺寸和所述目标间距,展示所述目标页面。
在一个实施例中,该元素尺寸配置参数包括该操作系统的默认字体大小和该操作系统当前的字体大小,该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式,该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。
在一个实施例中,该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种;该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
在一个实施例中,该第二获取模块603,具体用于:根据该尺寸调整参考信息确定各页面元素分别对应的调整系数;根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息;根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距,确定各页面元素的间距调整信息。
在一个实施例中,该第二获取模块603,具体用于:对于各页面元素,根据所述默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵;根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵;将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘,得到该页面元素对应的调整系数。
在一个实施例中,该第一确定模块602,具体用于:对于在该调整顺序中排序第1的第一页面元素,将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素,其中,该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种,该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线,该横向边界线为该目标页面的左边界线或者该目标页面的右边界线;对于在该调整顺序中排序第i的第二页面元素,将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素,i大于1。
在一个实施例中,该第一获取模块601,具体用于:在接收到对该目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作,该调整开启选项位于当前展示的页面中;若接收到针对该调整开启选项的触发操作,则执行获取该尺寸调整参考信息的操作。
上述页面元素调整装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中,也可以以软件形式存储于计算机设备中的存储器中,以便于处理器调用执行以上各个模块对应的操作。
在一个实施例中,提供了一种计算机设备,该计算机设备可以是终端,其内部结构图可以如图7所示。该计算机设备包括通过系统总线连接的处理器、存储器、通信接口、显示屏和输入装置。其中,该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的通信接口用于与外部的终端进行有线或无线方式的通信,无线方式可通过WIFI、移动蜂窝网络、NFC(近场通信)或其他技术实现。该计算机程序被处理器执行时以实现一种页面元素调整方法。该计算机设备的显示屏可以是液晶显示屏或者电子墨水显示屏,该计算机设备的输入装置可以是显示屏上覆盖的触摸层,也可以是计算机设备外壳上设置的按键、轨迹球或触控板,还可以是外接的键盘、触控板或鼠标等。
本领域技术人员可以理解,图7中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在一个实施例中,提供了一种计算机设备,包括存储器和处理器,存储器中存储有计算机程序,该处理器执行计算机程序时实现以下步骤:
在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,该尺寸调整参考信息包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数;确定该目标页面中该页面元素的调整顺序,并根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素;根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息,该尺寸调整信息用于指示该页面元素的调整后的目标尺寸,该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距;基于各页面元素对应的该目标尺寸和该目标间距,展示该目标页面。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
在接收到对该目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作;该调整开启选项位于当前展示的页面中;若接收到针对该调整开启选项的触发操作,则执行获取该尺寸调整参考信息的操作。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
元素尺寸配置参数包括操作系统的默认字体大小和该操作系统当前的字体大小,该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式,该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种;该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
根据该尺寸调整参考信息确定各页面元素分别对应的调整系数;根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息;根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距,确定各页面元素的间距调整信息。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
对于各页面元素,根据该默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵;根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵;将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘,得到该页面元素对应的调整系数。
在一个实施例中,处理器执行计算机程序时还实现以下步骤:
对于在该调整顺序中排序第1的第一页面元素,将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素,其中,该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种,该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线,该横向边界线为该目标页面的左边界线或者该目标页面的右边界线。
对于在该调整顺序中排序第i的第二页面元素,将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素,i大于1。
在一个实施例中,提供了一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现以下步骤:
在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,该尺寸调整参考信息包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数;确定该目标页面中该页面元素的调整顺序,并根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素;根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息,该尺寸调整信息用于指示该页面元素的调整后的目标尺寸,该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距;基于各页面元素对应的该目标尺寸和该目标间距,展示该目标页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
在接收到对该目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作;该调整开启选项位于当前展示的页面中;若接收到针对该调整开启选项的触发操作,则执行获取该尺寸调整参考信息的操作。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
元素尺寸配置参数包括操作系统的默认字体大小和该操作系统当前的字体大小,该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式,该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种;该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
根据该尺寸调整参考信息确定各页面元素分别对应的调整系数;根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息;根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距,确定各页面元素的间距调整信息。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
对于各页面元素,根据该默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵;根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵;将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘,得到该页面元素对应的调整系数。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
对于在该调整顺序中排序第1的第一页面元素,将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素,其中,该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种,该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线,该横向边界线为该目标页面的左边界线或者该目标页面的右边界线。
对于在该调整顺序中排序第i的第二页面元素,将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素,i大于1。
在一个实施例中,提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现以下步骤:
在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,该尺寸调整参考信息包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数;确定该目标页面中该页面元素的调整顺序,并根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素;根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息,该尺寸调整信息用于指示该页面元素的调整后的目标尺寸,该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距;基于各页面元素对应的该目标尺寸和该目标间距,展示该目标页面。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
在接收到对该目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作;该调整开启选项位于当前展示的页面中;若接收到针对该调整开启选项的触发操作,则执行获取该尺寸调整参考信息的操作。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
元素尺寸配置参数包括操作系统的默认字体大小和该操作系统当前的字体大小,该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式,该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种;该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
根据该尺寸调整参考信息确定各页面元素分别对应的调整系数;根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息,确定各页面元素的尺寸调整信息;根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距,确定各页面元素的间距调整信息。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
对于各页面元素,根据该默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵;根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵;将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘,得到该页面元素对应的调整系数。
在一个实施例中,计算机程序被处理器执行时还实现以下步骤:
对于在该调整顺序中排序第1的第一页面元素,将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素,其中,该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种,该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线,该横向边界线为该目标页面的左边界线或者该目标页面的右边界线。
对于在该调整顺序中排序第i的第二页面元素,将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素,i大于1。
需要说明的是,本申请提供的页面元素调整的方法和装置可用于金融领域在应用程序页面元素的大小调整的方面,也可用于除金融领域之外的任意领域的页面元素的调整,本申请提供的页面元素调整的方法和装置的应用领域不做限定。
需要说明的是,本申请所涉及的用户信息(包括但不限于用户设备信息、用户个人信息等)和数据(包括但不限于用于分析的数据、存储的数据、展示的数据等),均为经用户授权或者经过各方充分授权的信息和数据。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,所述的计算机程序可存储于一非易失性计算机可读取存储介质中,该计算机程序在执行时,可包括如上述各方法的实施例的流程。其中,本申请所提供的各实施例中所使用的对存储器、数据库或其它介质的任何引用,均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory,ROM)、磁带、软盘、闪存、光存储器、高密度嵌入式非易失性存储器、阻变存储器(ReRAM)、磁变存储器(Magnetoresistive Random Access Memory,MRAM)、铁电存储器(Ferroelectric Random Access Memory,FRAM)、相变存储器(Phase Change Memory,PCM)、石墨烯存储器等。易失性存储器可包括随机存取存储器(Random Access Memory,RAM)或外部高速缓冲存储器等。作为说明而非局限,RAM可以是多种形式,比如静态随机存取存储器(Static Random Access Memory,SRAM)或动态随机存取存储器(Dynamic RandomAccess Memory,DRAM)等。本申请所提供的各实施例中所涉及的数据库可包括关系型数据库和非关系型数据库中至少一种。非关系型数据库可包括基于区块链的分布式数据库等,不限于此。本申请所提供的各实施例中所涉及的处理器可为通用处理器、中央处理器、图形处理器、数字信号处理器、可编程逻辑器、基于量子计算的数据处理逻辑器等,不限于此。
以上实施例的各技术特征可以进行任意的组合,为使描述简洁,未对上述实施例中的各个技术特征所有可能的组合都进行描述,然而,只要这些技术特征的组合不存在矛盾,都应当认为是本说明书记载的范围。
以上所述实施例仅表达了本申请的几种实施方式,其描述较为具体和详细,但并不能因此而理解为对本申请专利范围的限制。应当指出的是,对于本领域的普通技术人员来说,在不脱离本申请构思的前提下,还可以做出若干变形和改进,这些都属于本申请的保护范围。因此,本申请的保护范围应以所附权利要求为准。

Claims (11)

1.一种页面元素调整方法,其特征在于,所述方法包括:
在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,所述尺寸调整参考信息包括操作系统的元素尺寸配置参数、所述目标页面的属性参数以及所述目标页面中各页面元素的属性参数;
确定所述目标页面中所述页面元素的调整顺序,并根据所述页面元素的调整顺序确定各所述页面元素所分别对应的页面锚定元素;
根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息,所述尺寸调整信息用于指示所述页面元素的调整后的目标尺寸,所述间距调整信息用于指示所述页面元素相较于对应的页面锚定元素的调整后的目标间距;
基于各所述页面元素对应的所述目标尺寸和所述目标间距,展示所述目标页面。
2.根据权利要求1所述的方法,其特征在于,所述元素尺寸配置参数包括所述操作系统的默认字体大小和所述操作系统当前的字体大小,所述目标页面的属性参数用于表征所述目标页面的页面尺寸、所述目标页面的页面类型以及所述目标页面中页面元素的布局方式,所述页面元素的属性参数包括所述页面元素的类型、所述页面元素的展示需求以及所述页面元素的交互需求。
3.根据权利要求2所述的方法,其特征在于,所述页面元素的展示需求用于表征是否着重展示所述页面元素、是否保持所述页面元素原始尺寸以及对所述页面元素进行主要展示或所述页面元素进行次要展示中的至少一种;
所述页面元素的交互需求用于表征所述页面元素是否需要进行点击操作以及所述页面元素是否需要闪烁提示中的至少一种。
4.根据权利要求1至3任一所述的方法,其特征在于,所述根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息,包括:
根据所述尺寸调整参考信息确定各所述页面元素分别对应的调整系数;
根据各所述页面元素分别对应的调整系数以及各所述页面元素的默认尺寸信息,确定各所述页面元素的尺寸调整信息;
根据各所述页面元素分别对应的调整系数以及各所述页面元素相较于所述页面锚定元素的默认间距,确定各所述页面元素的间距调整信息。
5.根据权利要求4所述的方法,其特征在于,所述根据所述尺寸调整参考信息确定各所述页面元素分别对应的调整系数,包括:
对于各所述页面元素,根据所述默认字体大小与所述当前的字体大小的比值以及所述页面尺寸与屏幕尺寸的比值构建第一矩阵;
根据所述页面类型对应的参数值、所述布局方式对应的参数值以及所述页面元素的类型对应的参数值构建第二矩阵;
将所述第一矩阵、所述第二矩阵以及所述页面元素的展示需求与所述页面元素的交互需求对应的参数值相乘,得到所述页面元素对应的调整系数。
6.根据权利要求1至3任一所述的方法,其特征在于,所述根据各所述页面元素的调整顺序确定各所述页面元素所分别对应的所述页面锚定元素,包括:
对于在所述调整顺序中排序第1的第一页面元素,将所述目标页面中的虚拟标定线作为所述第一页面元素对应的页面锚定元素,其中,所述虚拟标定线为所述目标页面的纵向边界线以及所述目标页面的横向边界线中的至少一种,所述纵向边界线为所述目标页面的上边界线或者所述目标页面的下边界线,所述横向边界线为所述目标页面的左边界线或者所述目标页面的右边界线;
对于在所述调整顺序中排序第i的第二页面元素,将所述目标页面中与所述第二页面元素相邻的且调整顺序位于所述第二页面元素之前的页面元素作为所述第二页面元素对应的页面锚定元素,i大于1。
7.根据权利要求1至3任一所述的方法,其特征在于,所述在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,包括:
在接收到对所述目标页面进行展示的指令后,检测是否接收到针对调整开启选项的触发操作,所述调整开启选项位于当前展示的页面中;
若接收到针对所述调整开启选项的触发操作,则执行获取所述尺寸调整参考信息的操作。
8.一种页面元素调整装置,其特征在于,所述装置包括:
第一获取模块,用于在接收到对目标应用中的目标页面进行展示的指令后,获取尺寸调整参考信息,所述尺寸调整参考信息包括操作系统的元素尺寸配置参数、所述目标页面的属性参数以及所述目标页面中各页面元素的属性参数;
第一确定模块,用于确定所述目标页面中所述页面元素的调整顺序,并根据所述页面元素的调整顺序确定各所述页面元素所分别对应的页面锚定元素;
第二获取模块,用于根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息,所述尺寸调整信息用于指示所述页面元素的调整后的目标尺寸,所述间距调整信息用于指示所述页面元素相较于对应的页面锚定元素的调整后的目标间距;
第一展示模块,用于基于各所述页面元素对应的所述目标尺寸和所述目标间距,展示所述目标页面。
9.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至7中任一项所述的方法的步骤。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
11.一种计算机程序产品,包括计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至7中任一项所述的方法的步骤。
CN202111660816.3A 2021-12-30 2021-12-30 页面元素调整方法、装置、设备、存储介质和程序产品 Pending CN114297547A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111660816.3A CN114297547A (zh) 2021-12-30 2021-12-30 页面元素调整方法、装置、设备、存储介质和程序产品

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111660816.3A CN114297547A (zh) 2021-12-30 2021-12-30 页面元素调整方法、装置、设备、存储介质和程序产品

Publications (1)

Publication Number Publication Date
CN114297547A true CN114297547A (zh) 2022-04-08

Family

ID=80972834

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111660816.3A Pending CN114297547A (zh) 2021-12-30 2021-12-30 页面元素调整方法、装置、设备、存储介质和程序产品

Country Status (1)

Country Link
CN (1) CN114297547A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116578438A (zh) * 2023-07-13 2023-08-11 建信金融科技有限责任公司 一种适老化改造的自动化检测方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116578438A (zh) * 2023-07-13 2023-08-11 建信金融科技有限责任公司 一种适老化改造的自动化检测方法及装置
CN116578438B (zh) * 2023-07-13 2023-09-08 建信金融科技有限责任公司 一种适老化改造的自动化检测方法及装置

Similar Documents

Publication Publication Date Title
US10474735B2 (en) Dynamic zooming of content with overlays
KR102073848B1 (ko) 웹 브라우저를 위한 몰입 모드
US20130167080A1 (en) Smart and flexible layout context manager
TWI611338B (zh) 縮放螢幕畫面的方法、電子裝置及電腦程式產品
CN110221758B (zh) 滚动条控制方法、装置、计算机设备和存储介质
CN111596911B (zh) 生成控件的方法、装置、计算机设备和存储介质
WO2020006864A1 (zh) 浏览器输入框展示方法、装置、计算机设备及存储介质
CN110659092A (zh) 网页截图方法、装置、计算机设备和存储介质
US11151314B2 (en) Extensible grid layout
EP2741196A1 (en) Power-saving in a portable electronic device operating in a telecommunication network
US9495332B2 (en) Detection and repositioning of pop-up dialogs
CN114297547A (zh) 页面元素调整方法、装置、设备、存储介质和程序产品
CN114327449A (zh) 页面展示方法、系统和计算机设备
WO2019223093A1 (zh) 显示框处理方法、装置、计算机设备和存储介质
US20150248378A1 (en) Readability on mobile devices
CN116910405A (zh) 页面处理方法、装置、计算机设备和存储介质
CN113704334A (zh) 标的数据的显示方法、装置、设备及存储介质
CN112748839A (zh) 图片处理方法、装置、计算机可读存储介质和计算机设备
CN114021050B (zh) 数据处理方法、装置、计算机设备和存储介质
CN115840861A (zh) 样式布局信息的更新方法、装置、计算机设备和存储介质
CN115934238A (zh) 界面展示方法、装置、计算机设备和存储介质
CN115098214A (zh) 终端桌面在线配置方法、终端显示方法、装置及存储介质
CN114237661A (zh) 一种更新页面信息的方法、装置、计算机设备和存储介质
CN115438284A (zh) 页面防抖方法、装置、计算机设备以及存储介质
CN114255278A (zh) 图形点击检测方法、装置、计算机设备和存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination