【技术实现步骤摘要】
本申请涉及计算机，尤其涉及一种显示方法、装置、电子设备及存储介质。
技术介绍
1、随着社会信息化的高速增长，在不同类型和尺寸的显示界面上显示相关画面已经逐渐普遍，同时也在很多商业领域彰显价值，比如会议展厅、园区管理、城市交通管理中心、企业生产监控等重要场所。
2、随着市场需求的增长和应用场景的多样化，现有的主流的显示界面的显示方法一般是在前端开发页面时，根据设计稿的尺寸确定页面元素的尺寸，当将页面放到与设计图尺寸不一致的显示界面中时，存在三种显示方法，第一种是vw/vh方案，按照设计稿的尺寸，将px按屏幕比例计算转为vw和vh，对每个元素做尺寸转换；第二种是css的scale方案，根据实际屏幕的宽或者高来缩放页面；第三种是rem+vw/vh方案，在开发的时候将每个元素的px转换为rem。
3、然而目前的显示方法存在留白、影响界面内元素布局、不具有普适性的问题。
技术实现思路
1、本申请提供一种显示方法、装置、电子设备及存储介质，用以解决目前的显示方法存在留白、影响界面内元素布局、不具有普适性的问题。
2、第一方面，本申请提供一种显示方法，应用于显示界面，包括：
3、获取显示界面的页面尺寸、以及显示界面中显示画面的画面尺寸；
4、根据页面尺寸和画面尺寸，确定显示界面的第一宽高比、显示画面的第二宽高比、以及第一宽高比和第二宽高比之间的缩放比例，其中，当第一宽高比大于第二宽高比时，缩放比例为显示界面和显示画面的高度比，当第一宽高
5、在显示界面中的第一显示页面中显示显示画面，第一显示页面为根据缩放比例和页面尺寸，在显示界面中确定的页面；
6、在显示界面中的第二显示页面中显示目标显示画面，第二显示页面为根据缩放比例，对第一显示页面进行缩放处理后的页面，目标显示画面为根据缩放比例，对显示画面进行缩放处理后的画面，目标显示画面的显示画面尺寸和第二显示页面的显示页面尺寸均与页面尺寸相同。
7、在本申请中，在获取显示界面的页面尺寸、以及显示界面中显示画面的画面尺寸之前，方法还包括：
8、获取显示画面要求，显示画面要求表征对显示画面布局方式的要求，其中，显示画面布局方式包括百分比布局方式或flex布局方式；
9、根据显示画面布局方式，配置显示界面中显示画面。
10、在本申请中，根据页面尺寸和画面尺寸，确定显示界面的第一宽高比、显示画面的第二宽高比、以及第一宽高比和第二宽高比之间的缩放比例，包括：
11、根据页面尺寸，确定显示界面的第一宽高比；
12、根据画面尺寸，确定显示画面的第二宽高比；
13、比对第一宽高比和第二宽高比，确定目标宽高比，目标宽高比为第一宽高比和第二宽高比中比值较大的宽高比；
14、根据目标宽高比，确定表征宽度比或高度比的缩放比例。
15、在本申请中，在显示界面中的第一显示页面中显示显示画面，包括：
16、将页面尺寸的宽除以缩放比例，得到第一显示页面的宽；
17、将页面尺寸的高除以缩放比例，得到第一显示页面的高；
18、在显示界面中显示第一显示页面，并在第一显示页面中显示显示画面，其中，当缩放比例表征显示界面和显示画面的高度比，第一显示页面的高与显示画面的高相同，第一显示页面的宽宽于显示界面的宽，当缩放比例表征显示界面和显示画面的宽度比，第一显示页面的宽与显示画面的宽相同，第一显示页面的高高于显示界面的高。
19、在本申请中，在显示界面中的第二显示页面中显示目标显示画面，包括：
20、根据缩放比例，对第一显示页面进行缩小处理，得到第二显示页面；
21、对第二显示页面中的显示画面进行调整，以在第二显示页面中显示目标显示画面。
22、在本申请中，对第二显示页面中的显示画面进行调整，以在第二显示页面中显示目标显示画面，包括：
23、确定显示画面中的目标缩放元素，目标缩放元素包括显示画面中不进行调整的元素和自定义调整的元素；
24、根据缩放比例，确定目标缩放元素的目标尺寸；
25、根据目标缩放元素的目标尺寸，在第二显示页面中显示目标缩放元素。
26、在本申请中，在确定显示画面中的目标缩放元素之前，方法还包括：
27、配置ignore参数，ignore参数用于接收预先配置的ignore数组，ignore数组包括目标缩放元素和目标缩放元素的缩放比例；
28、存储ignore数组，以执行确定显示画面中的目标缩放元素的步骤。
29、第二方面，本申请提供一种显示装置，包括：
30、获取模块，用于获取显示界面的页面尺寸、以及显示界面中显示画面的画面尺寸；
31、确定模块，用于根据页面尺寸和画面尺寸，确定显示界面的第一宽高比、显示画面的第二宽高比、以及第一宽高比和第二宽高比之间的缩放比例，其中，当第一宽高比大于第二宽高比时，缩放比例为显示界面和显示画面的高度比，当第一宽高比小于第二宽高比时，缩放比例为显示界面和显示画面的宽度比；
32、第一显示模块，用于在显示界面中的第一显示页面中显示显示画面，第一显示页面为根据缩放比例和页面尺寸，在显示界面中确定的页面；
33、第二显示模块，用于在显示界面中的第二显示页面中显示目标显示画面，第二显示页面为根据缩放比例，对第一显示页面进行缩放处理后的页面，目标显示画面为根据缩放比例，对显示画面进行缩放处理后的画面，目标显示画面的显示画面尺寸和第二显示页面的显示页面尺寸均与页面尺寸相同。
34、第三方面，本申请提供一种电子设备，包括：处理器，以及与处理器通信连接的存储器；
35、存储器存储计算机执行指令；
36、处理器执行存储器存储的计算机执行指令，以实现本申请的方法。
37、第四方面，本申请提供一种计算机可读存储介质，计算机可读存储介质中存储有计算机执行指令，计算机执行指令被处理器执行时用于实现本申请的方法。
38、本申请提供的显示方法、装置、电子设备及存储介质，通过获取显示界面的页面尺寸、以及显示界面中显示画面的画面尺寸；根据页面尺寸和画面尺寸，确定显示界面的第一宽高比、显示画面的第二宽高比、以及第一宽高比和第二宽高比之间的缩放比例，其中，当第一宽高比大于第二宽高比时，缩放比例为显示界面和显示画面的高度比，当第一宽高比小于第二宽高比时，缩放比例为显示界面和显示画面的宽度比；在显示界面中的第一显示页面中显示显示画面，第一显示页面为根据缩放比例和页面尺寸，在显示界面中确定的页面；在显示界面中的第二显示页面中显示目标显示画面，第二显示页面为根据缩放比例，对第一显示页面进行缩放处理后的页面，目标显示画面为根据缩放比例，对显示画面进行缩放处理后的画面，目标显示画面的显示画面尺寸和第二显示页本文档来自技高网...
【技术保护点】
1.一种显示方法，其特征在于，应用于显示界面，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，在获取所述显示界面的页面尺寸、以及所述显示界面中显示画面的画面尺寸之前，所述方法还包括：
3.根据权利要求1所述的方法，其特征在于，所述根据所述页面尺寸和所述画面尺寸，确定所述显示界面的第一宽高比、所述显示画面的第二宽高比、以及所述第一宽高比和所述第二宽高比之间的缩放比例，包括：
4.根据权利要求1所述的方法，其特征在于，所述在所述显示界面中的第一显示页面中显示所述显示画面，包括：
5.根据权利要求1所述的方法，其特征在于，所述在所述显示界面中的第二显示页面中显示目标显示画面，包括：
6.根据权利要求1所述的方法，其特征在于，所述对所述第二显示页面中的所述显示画面进行调整，以在所述第二显示页面中显示所述目标显示画面，包括：
7.根据权利要求6所述的方法，其特征在于，在确定所述显示画面中的目标缩放元素之前，所述方法还包括：
8.一种显示装置，其特征在于，包括：
9.一种电子设备，其特征
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1至7任一项所述的显示方法。
...【技术特征摘要】
1.一种显示方法，其特征在于，应用于显示界面，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，在获取所述显示界面的页面尺寸、以及所述显示界面中显示画面的画面尺寸之前，所述方法还包括：
3.根据权利要求1所述的方法，其特征在于，所述根据所述页面尺寸和所述画面尺寸，确定所述显示界面的第一宽高比、所述显示画面的第二宽高比、以及所述第一宽高比和所述第二宽高比之间的缩放比例，包括：
4.根据权利要求1所述的方法，其特征在于，所述在所述显示界面中的第一显示页面中显示所述显示画面，包括：
5.根据权利要求1所述的方法，其特征在于，所述在所述显示界面中的第二显示页面...
【专利技术属性】
技术研发人员：简元宗，吕烨，李大中，宋雨伦，
申请(专利权)人：中国联合网络通信集团有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。