一种界面显示方法、装置及存储介质制造方法及图纸

本申请实施例提供一种界面显示方法、装置及存储介质，涉及计算机技术领域，能够在大屏场景中实现动态界面布局。该方法包括：获取目标对应关系，目标对应关系用于表征第一显示器的横向像素数与第二显示器的横向像素数的比例关系，和第一显示器的纵向像素数与第二显示器的纵向像素数的比例关系；第一显示器用于显示第一界面，第一界面包括第一控件；根据目标对应关系和第一位置信息，确定第二位置信息；其中，第一位置信息用于指示第一控件在第一界面上的第一显示区域，第二位置信息用于指示第二控件在第二界面上的第二显示区域，第二控件是第一控件在第二界面上的体现；在第二显示器上显示第二界面；其中，在第二显示区域显示第二控件。二控件。二控件。

【技术实现步骤摘要】
一种界面显示方法、装置及存储介质


[0001]本申请实施例涉及计算机
，尤其涉及一种界面显示方法、装置及存储介质。

技术介绍

[0002]随着计算机技术的不断发展，通过大屏展示信息的方式在现实生活中的应用越来越广泛。
[0003]传统的大屏展示信息的方式，需要开发人员根据大屏的分辨率信息，专门为该大屏布局开发一个目标界面，该目标界面用于展示待显示信息；然后，将布局好的目标界面展示在大屏上。
[0004]然而，在传统的大屏展示信息的方式中，目标界面只适用于一种分辨率的大屏，当大屏的分辨率发生变化时，需要开发人员针对变化后的大屏重新布局开发新的目标界面，因此，如何在大屏场景中实现动态界面布局成为本领域亟待解决的技术问题。

技术实现思路

[0005]本申请实施例提供一种界面显示方法、装置及存储介质，能够在大屏场景中实现动态界面布局。
[0006]为达到上述目的，本申请实施例采用如下技术方案：
[0007]第一方面，本申请实施例提供一种界面显示方法，该方法包括：获取目标对应关系，目标对应关系用于表征第一显示器的横向像素数与第二显示器的横向像素数的比例关系，和第一显示器的纵向像素数与第二显示器的纵向像素数的比例关系；第一显示器用于显示第一界面，第一界面包括第一控件；根据目标对应关系和第一位置信息，确定第二位置信息；其中，第一位置信息用于指示第一控件在第一界面上的第一显示区域，第二位置信息用于指示第二控件在第二界面上的第二显示区域，第二控件是第一控件在第二界面上的体现；在第二显示器上显示第二界面；其中，在第二显示区域显示第二控件。
[0008]相比传统技术中大屏展示信息的方式，本申请是根据目标对应关系和第一控件在第一界面上的第一显示区域，确定第二控件在第二界面上的第二显示区域，从而完成第二界面的布局；当更换不同分辨率的显示屏后，界面显示装置仅需重新获取目标对应关系，并基于变化后的目标对应关系对第二界面重新布局，并不需要开发人员的介入，从而提高了界面显示信息的效率。该技术方案可以应用于大屏场景中，该情况下，上述第二界面所在的第二显示器可以是大屏。
[0009]一种可能的实现方式中，上述在获取目标对应关系之前，该方法还包括：根据第二显示器的横向像素数和纵向像素数，确定单元网格的边长的第一取值；单元网格为正方形，且单元网格的边长均被第二显示器的横向像素数和纵向像素数整除；基于第一取值，对第二显示器进行网格化；其中，第二显示区域包括至少一个单元网格，根据第一显示器的横向像素数和纵向像素数，确定单元网格的边长的第二取值；该单元网格为正方形，且该单元网
格的边长均被上述第一显示器的横向像素数和纵向像素数整除；基于上述第二取值，对该第一显示器进行网格化；上述第一显示区域包括至少一个单元网格；其中，目标对应关系具体用于表征第一显示器的横向单元网格数与第二显示器的横向单元网格数的比例关系，和第一显示器的纵向单元网格数第二显示器的纵向单元网格数的比例关系。
[0010]一种可能的实现方式中，上述基于第一取值，对第二显示器进行网格化，具体包括：当第一取值小于边长阈值时，增大第一取值，得到第三取值；其中，该第三取值大于或等于边长阈值；基于第三取值，对第二显示器进行网格化；和/或，当网格数量小于网格数量阈值时，减小第一取值，得到第三取值；其中，该第三取值大于或等于边长阈值；其中，该网格数量是第一取值确定的第二显示器的横向网格数量和/或纵向网格数量；基于第三取值，对第二显示器进行网格化。
[0011]本申请实施例提供的界面显示方法，在对第二显示器进行网格化时，当第一取值小于边长阈值时，界面显示装置增大第一取值，使单元网格的边长增大，由于单元网格的面积越大，调整控件大小时的可调整空间越小，因此，提高了调整控件大小的效率。
[0012]一种可能的实现方式中，当上述第三取值不能被第二显示器的横向像素数整除时，第二显示器的空闲区域均匀分布在第二显示器的两个纵向边缘区域；当上述第三取值不能被第二显示器的纵向像素数整除时，第二显示器的空闲区域均匀分布在第二显示器的两个横向边缘区域；其中，该空闲区域是第二显示器上的除显示第二界面之外的区域。
[0013]一种可能的实现方式中，在上述第二显示器上显示第二界面之前，该方法还包括：确定与上述第一控件功能相同、且控件的长宽比满足预设条件的第二控件；其中，该预设条件为控件的长宽比与上述第二显示区域的长宽比的差值在预设范围内。
[0014]本申请实施例提供的界面显示方法中，界面显示装置根据第一控件功能和预设条件确定第二控件，其中，预设条件为控件的长宽比与第二显示区域的长宽比的差值在预设范围内，基于此，在第二显示器上显示的第二控件，并不是将第一控件的长宽非等比例缩放得到的，因此，避免了控件在非等比例缩放过程中出现控件结构的变化而不符合通用的呈像需求。
[0015]一种可能的实现方式中，上述确定与第一控件功能相同、且控件的长宽比满足预设条件的第二控件，包括：确定与第一控件功能相同、表现形式不同，且控件的长宽比满足预设条件的控件集合；从该控件集合中确定第二控件。
[0016]本申请实施例提供的界面显示方法中，界面显示装置将与第一控件功能相同、表现形式不同，且长宽比与第二显示区域的长宽比的差值在预设范围内的所有控件确定为确定控件集合，然后，界面显示装置从控件集合中确定所述第二控件。基于此，界面显示装置在第二显示器上显示的第二控件，并不是将第一控件的长宽非等比例缩放得到的，因此，避免了控件在非等比例缩放过程中出现控件结构的变化。且第二控件与第一控件的表现形式可以不同，从而提高了界面显示内容的可扩展性。
[0017]第二方面，本申请实施例提供一种界面显示装置，该界面显示装置包括：获取模块、确定模块和显示模块；上述获取模块用于获取目标对应关系，该目标对应关系用于表征第一显示器的横向像素数与第二显示器的横向像素数的比例关系，和第一显示器的纵向像素数与第二显示器的纵向像素数的比例关系；该第一显示器用于显示第一界面，第一界面包括第一控件；上述确定模块用于根据目标对应关系和第一位置信息，确定第二位置信息；
其中，该第一位置信息用于指示第一控件在第一界面上的第一显示区域，该第二位置信息用于指示第二控件在第二界面上的第二显示区域，第二控件是第一控件在第二界面上的体现；上述显示模块用于在第二显示器上显示第二界面；其中，在第二显示区域显示第二控件。
[0018]一种可能的实现方式中，该界面显示装置还包括：执行模块：上述确定模块还用于根据第二显示器的横向像素数和纵向像素数，确定单元网格的边长的第一取值；该单元网格为正方形，且单元网格的边长均被第二显示器的横向像素数和纵向像素数整除；上述执行模块用于基于第一取值，对第二显示器进行网格化；其中，第二显示区域包括至少一个单元网格，上述确定模块还用于；基于第一取值，对第二显示器进行网格化；其中，第二显示区域包括至少一个单元网格，根据第一显示器的横向像素数和纵向像素数，确定单元网格的边长的第二取值；该本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种界面显示方法，其特征在于，包括：获取目标对应关系，所述目标对应关系用于表征第一显示器的横向像素数与第二显示器的横向像素数的比例关系，和所述第一显示器的纵向像素数与所述第二显示器的纵向像素数的比例关系；所述第一显示器用于显示第一界面，所述第一界面包括第一控件；根据所述目标对应关系和第一位置信息，确定第二位置信息；其中，所述第一位置信息用于指示所述第一控件在所述第一界面上的第一显示区域，所述第二位置信息用于指示第二控件在第二界面上的第二显示区域，所述第二控件是所述第一控件在所述第二界面上的体现；在所述第二显示器上显示所述第二界面；其中，在所述第二显示区域显示所述第二控件。2.根据权利要求1所述的方法，其特征在于，在所述获取目标对应关系之前，所述方法还包括：根据所述第二显示器的横向像素数和纵向像素数，确定单元网格的边长的第一取值；所述单元网格为正方形，且所述单元网格的边长均被所述第二显示器的横向像素数和纵向像素数整除；基于所述第一取值，对所述第二显示器进行网格化；所述第二显示区域包括至少一个单元网格；根据所述第一显示器的横向像素数和纵向像素数，确定单元网格的边长的第二取值；所述单元网格为正方形，且所述单元网格的边长均被所述第一显示器的横向像素数和纵向像素数整除；基于所述第二取值，对所述第一显示器进行网格化；所述第一显示区域包括至少一个单元网格；其中，所述目标对应关系具体用于表征所述第一显示器的横向单元网格数与所述第二显示器的横向单元网格数的比例关系，和所述第一显示器的纵向单元网格数与所述第二显示器的纵向单元网格数的比例关系。3.根据权利要求2所述的方法，其特征在于，所述基于所述第一取值，对所述第二显示器进行网格化，包括：当所述第一取值小于边长阈值时，增大所述第一取值，得到第三取值；其中，所述第三取值大于或等于所述边长阈值；基于所述第三取值，对所述第二显示器进行网格化；和/或，当网格数量小于网格数量阈值时，减小所述第一取值，得到第三取值；其中，所述第三取值大于或等于边长阈值；其中，所述网格数量是所述第一取值确定的所述第二显示器的横向网格数量和/或纵向网格数量；基于所述第三取值，对所述第二显示器进行网格化。4.根据权利要求3所述的方法，其特征在于，当所述第三取值不能被所述第二显示器的横向像素数整除时，所述第二显示器的空闲区域均匀分布在所述第二显示器的两个纵向边缘区域；当所述第三取值不能被所述第二显示器的纵向像素数整除时，所述第二显示器的空闲区域均匀分布在所述第二显示器的两个横向边缘区域；其中，所述空闲区域是所述第二显示器上的除显示所述第二界面之外的区域。
5.根据权利要求1至4任一项所述的方法，其特征在于，在所述第二显示器上显示所述第二界面之前，所述方法还包括：确定与所述第一控件功能相同、且控件的长宽比满足预设条件的第二控件；其中，所述预设条件为控件的长宽比与所述第二显示区域的长宽比的差值在预设范围内。6.根据权利要求5所述的方法，其特征在于，所述确定与所述第一控件功能相同、且控件的长宽比满足预设条件的第二控件，包括：确定与所述第一控件功能相同、表现形式不同，且控件的长宽比满足所述预设条件的控件集合；从所述控件集合中确定所述第二控件。7.一种界面显示装置，其特征在于，包括：获取模块、确定模块和显示模块；所述获取模块，用于获取目标对应关系，所述目标对应关系用于表征第一显示器的横向像素数与第二显示器的横向像素数的比例关系，和所述第一显示器的纵向像素数与所述第...

【专利技术属性】
技术研发人员：鲁欣如，沈敏捷，
申请(专利权)人：杭州海康威视系统技术有限公司，
类型：发明
国别省市：