页面元素调整方法、装置、设备、存储介质和程序产品制造方法及图纸

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

【技术实现步骤摘要】
页面元素调整方法、装置、设备、存储介质和程序产品


[0001]本申请涉及页面布局
，特别是涉及一种页面元素调整方法、装置、设备、存储介质和程序产品。

技术介绍

[0002]如今，用户可以根据需要调整所使用的移动设备的系统中的各元素的大小，以方便使用，元素即指页面组成中，可进行用户交互或图像显示的最小单位，包括文本、按钮、图片、弹窗、列表、网格等。
[0003]用户在使用移动设备时，多多少少会安装应用程序进行相关操作。而大部分的应用程序，为减少页面适配的难度，保证页面布局的统一、页面信息的完整显示，会设定页面中的各元素为固定尺寸大小，以将页面及页面中的元素在移动设备系统中的适配难度降到最低。
[0004]然而，对于用户来讲，若应用程序的页面中的元素尺寸大小与移动设备系统中的各元素的大小不一致，会影响应用程序的使用，例如，老年人需要将移动设备系统中的元素设置为大号，但是在应用程序的元素尺寸大小小于老年人移动设备系统的元素时，会导致看不清而不方便使用等问题，因此，应用程序的元素大小根据移动设备系统自适应调整的问题亟需解决。

技术实现思路

[0005]基于此，有必要针对上述技术问题，提供一种能够使应用程序中的元素根据移动设备系统自适应调整的页面元素调整方法、装置、设备、可读存储介质和程序产品。
[0006]第一方面，本申请提供了一种页面元素调整方法。该方法包括：
[0007]在接收到对目标应用中的目标页面进行展示的指令后，获取尺寸调整参考信息，该尺寸调整参考信息包括操作系统的元素尺寸配置参数、该目标页面的属性参数以及该目标页面中各页面元素的属性参数；确定该目标页面中该页面元素的调整顺序，并根据该页面元素的调整顺序确定各页面元素所分别对应的页面锚定元素；根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息，该尺寸调整信息用于指示该页面元素的调整后的目标尺寸，该间距调整信息用于指示该页面元素相较于对应的页面锚定元素的调整后的目标间距；基于各页面元素对应的该目标尺寸和该目标间距，展示该目标页面。
[0008]在其中一个实施例中，该元素尺寸配置参数包括该操作系统的默认字体大小和该操作系统当前的字体大小，该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式，该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。
[0009]在其中一个实施例中，该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种；该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以
及该页面元素是否需要闪烁提示中的至少一种。
[0010]在其中一个实施例中，该根据该尺寸调整参考信息获取各页面元素的尺寸调整信息和间距调整信息，包括：根据该尺寸调整参考信息确定各页面元素分别对应的调整系数；根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息，确定各页面元素的尺寸调整信息；根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距，确定各页面元素的间距调整信息。
[0011]在其中一个实施例中，该根据该尺寸调整参考信息确定各页面元素分别对应的调整系数，包括：对于各页面元素，根据所述默认字体大小与该当前的字体大小的比值以及该页面尺寸与屏幕尺寸的比值构建第一矩阵；根据该页面类型对应的参数值、该布局方式对应的参数值以及该页面元素的类型对应的参数值构建第二矩阵；将该第一矩阵、该第二矩阵以及该页面元素的展示需求与该页面元素的交互需求对应的参数值相乘，得到该页面元素对应的调整系数。
[0012]在其中一个实施例中，该根据各页面元素的调整顺序确定各页面元素所分别对应的该页面锚定元素，包括：对于在该调整顺序中排序第1的第一页面元素，将该目标页面中的虚拟标定线作为该第一页面元素对应的页面锚定元素，其中，该虚拟标定线为该目标页面的纵向边界线以及该目标页面的横向边界线中的至少一种，该纵向边界线为该目标页面的上边界线或者该目标页面的下边界线，该横向边界线为该目标页面的左边界线或者该目标页面的右边界线；对于在该调整顺序中排序第i的第二页面元素，将该目标页面中与该第二页面元素相邻的且调整顺序位于该第二页面元素之前的页面元素作为该第二页面元素对应的页面锚定元素，i大于1。
[0013]在其中一个实施例中，该在接收到对目标应用中的目标页面进行展示的指令后，获取尺寸调整参考信息，包括：在接收到对该目标页面进行展示的指令后，检测是否接收到针对调整开启选项的触发操作，该调整开启选项位于当前展示的页面中；若接收到针对该调整开启选项的触发操作，则执行获取该尺寸调整参考信息的操作。
[0014]第二方面，本申请还提供了一种页面元素调整装置。该装置包括：
[0015]第一获取模块，用于在接收到对目标应用中的目标页面进行展示的指令后，获取尺寸调整参考信息，所述尺寸调整参考信息包括操作系统的元素尺寸配置参数、所述目标页面的属性参数以及所述目标页面中各页面元素的属性参数；
[0016]第一确定模块，用于确定所述目标页面中所述页面元素的调整顺序，并根据所述页面元素的调整顺序确定各所述页面元素所分别对应的页面锚定元素；
[0017]第二获取模块，用于根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息，所述尺寸调整信息用于指示所述页面元素的调整后的目标尺寸，所述间距调整信息用于指示所述页面元素相较于对应的页面锚定元素的调整后的目标间距；
[0018]第一展示模块，用于基于各所述页面元素对应的所述目标尺寸和所述目标间距，展示所述目标页面。
[0019]在其中一个实施例中，该元素尺寸配置参数包括该操作系统的默认字体大小和该操作系统当前的字体大小，该目标页面的属性参数用于表征该目标页面的页面尺寸、该目标页面的页面类型以及该目标页面中页面元素的布局方式，该页面元素的属性参数包括该页面元素的类型、该页面元素的展示需求以及该页面元素的交互需求。
[0020]在其中一个实施例中，该页面元素的展示需求用于表征是否着重展示该页面元素、是否保持该页面元素原始尺寸以及对该页面元素进行主要展示或该页面元素进行次要展示中的至少一种；该页面元素的交互需求用于表征该页面元素是否需要进行点击操作以及该页面元素是否需要闪烁提示中的至少一种。
[0021]在其中一个实施例中，该第二获取模块，具体用于：根据该尺寸调整参考信息确定各页面元素分别对应的调整系数；根据各页面元素分别对应的调整系数以及各页面元素的默认尺寸信息，确定各页面元素的尺寸调整信息；根据各页面元素分别对应的调整系数以及各页面元素相较于该页面锚定元素的默认间距，确定各页面元素的间距调整信息。
[0022]在其中一个实施例中，该第二获取模块，具体用于：对于各页面元素，根据所述默认字体大小与该当前的字体大小的比值以及该页面尺本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面元素调整方法，其特征在于，所述方法包括：在接收到对目标应用中的目标页面进行展示的指令后，获取尺寸调整参考信息，所述尺寸调整参考信息包括操作系统的元素尺寸配置参数、所述目标页面的属性参数以及所述目标页面中各页面元素的属性参数；确定所述目标页面中所述页面元素的调整顺序，并根据所述页面元素的调整顺序确定各所述页面元素所分别对应的页面锚定元素；根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息，所述尺寸调整信息用于指示所述页面元素的调整后的目标尺寸，所述间距调整信息用于指示所述页面元素相较于对应的页面锚定元素的调整后的目标间距；基于各所述页面元素对应的所述目标尺寸和所述目标间距，展示所述目标页面。2.根据权利要求1所述的方法，其特征在于，所述元素尺寸配置参数包括所述操作系统的默认字体大小和所述操作系统当前的字体大小，所述目标页面的属性参数用于表征所述目标页面的页面尺寸、所述目标页面的页面类型以及所述目标页面中页面元素的布局方式，所述页面元素的属性参数包括所述页面元素的类型、所述页面元素的展示需求以及所述页面元素的交互需求。3.根据权利要求2所述的方法，其特征在于，所述页面元素的展示需求用于表征是否着重展示所述页面元素、是否保持所述页面元素原始尺寸以及对所述页面元素进行主要展示或所述页面元素进行次要展示中的至少一种；所述页面元素的交互需求用于表征所述页面元素是否需要进行点击操作以及所述页面元素是否需要闪烁提示中的至少一种。4.根据权利要求1至3任一所述的方法，其特征在于，所述根据所述尺寸调整参考信息获取各所述页面元素的尺寸调整信息和间距调整信息，包括：根据所述尺寸调整参考信息确定各所述页面元素分别对应的调整系数；根据各所述页面元素分别对应的调整系数以及各所述页面元素的默认尺寸信息，确定各所述页面元素的尺寸调整信息；根据各所述页面元素分别对应的调整系数以及各所述页面元素相较于所述页面锚定元素的默认间距，确定各所述页面元素的间距调整信息。5.根据权利要求4所述的方法，其特征在于，所述根据所述尺寸调整参考信息确定各所述页面元素分别对应的调整系数，包括：对于各所述页面元素，根据所述默认字体大小与所述当前的字体大小的比值以及所述页面尺寸与屏幕尺寸的比值构建第一矩阵；根据所述页面类型对应的参数值、所述布局方式对应的参数值以及所述页面元素的类型对应的参数值构建第二矩阵；将所述第一矩阵、所述第二矩阵以及所述页面元素的展示需求与所述页面元素的交互需求对应的参数值相乘，得到所述页面元素对应...

【专利技术属性】
技术研发人员：韩天助，张银成，陈烨，曹晓洒，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：