用户界面适配的方法及装置、电子设备、存储介质制造方法及图纸

技术编号:26375468 阅读:18 留言:0更新日期:2020-11-19 23:44
本申请提供了一种用户界面适配的方法及装置、电子设备、存储介质,其中,方法包括:获取终端设备的型号信息;依据所述型号信息从预设配置表中查找对应的界面显示参数;所述界面显示参数包括屏幕尺寸和安全区域参数;依据所述屏幕尺寸适配显示所述背景层,以及,依据所述安全区域参数显示所述操作控件区。通过预设配置表查找与型号信息对应的界面显示参数,并依据界面显示参数显示用户界面,不需要调整代码即可实现基于不同机型进行适配显示的效果,并且通过更新预设配置表可以方便后期开发和维护工作,可以节省大量的人力和时间,进而节约成本。

【技术实现步骤摘要】
用户界面适配的方法及装置、电子设备、存储介质
本申请涉及终端
,特别是涉及用户界面适配的方法及装置、电子设备、存储介质。
技术介绍
以手机为代表的移动终端设备在现今社会中扮演着越来越重要的角色,并深入到人们日常生活的各个方面,为人们的生活带来信息、乐趣以及衣食住行的便利。如今移动终端设备的屏幕分辨率尺寸与屏幕宽高比日新月异,市面上出现了全面屏、刘海屏、瀑布屏等多种屏幕类型。为了确保在不同屏幕类型下正常运行应用程序,设计师需要针对这些屏幕类型来进行针对性的界面适配,通常设计师在效果图中会设计不同屏幕下的适配方案,程序员通过代码获取屏幕宽高与横纵比并判断,再通过代码来控制适配。该方式的缺点在于,需要程序员与设计师反复沟通适配效果,以及调整代码。耗费人力多、时间长,且通用性差,无法快速与灵活地覆盖市面上各种复杂屏幕分辨率情况。
技术实现思路
鉴于上述问题,提出了本申请以便提供克服上述问题或者至少部分地解决上述问题的用户界面适配的方法及装置、电子设备、存储介质,包括:一种用户界面适配的方法,通过终端设备提供图形用户界面本文档来自技高网...

【技术保护点】
1.一种用户界面适配的方法,其特征在于,通过终端设备提供图形用户界面,所述图形用户界面包括背景层和设置在所述背景层上的操作控件区;所述方法包括:/n获取所述终端设备的型号信息;/n依据所述型号信息从预设配置表中查找对应的界面显示参数;所述界面显示参数包括屏幕尺寸和安全区域参数;/n依据所述屏幕尺寸显示所述背景层,以及,依据所述安全区域参数显示所述操作控件区。/n

【技术特征摘要】
1.一种用户界面适配的方法,其特征在于,通过终端设备提供图形用户界面,所述图形用户界面包括背景层和设置在所述背景层上的操作控件区;所述方法包括:
获取所述终端设备的型号信息;
依据所述型号信息从预设配置表中查找对应的界面显示参数;所述界面显示参数包括屏幕尺寸和安全区域参数;
依据所述屏幕尺寸显示所述背景层,以及,依据所述安全区域参数显示所述操作控件区。


2.根据权利要求1所述的方法,其特征在于,所述依据所述屏幕尺寸显示所述背景层,包括:
将所述背景层铺满与所述屏幕尺寸对应的屏幕显示区;
所述依据所述安全区域参数显示所述操作控件区,包括:
在所述安全区域参数对应的安全区域内按照预设规则显示所述操作控件区。


3.根据权利要求2所述的方法,其特征在于,所述在所述安全区域参数对应的安全区域内按照预设规则显示所述操作控件区的步骤,包括:
调整所述操作控件区的大小和/或所述操作控件区内的控件间隔,使得所述操作控件区位于所述安全区域内,且所述操作控件区的至少一条边界与所述安全区域中相对应的边界的长度相等。


4.根据权利要求2所述的方法,其特征在于,所述在所述安全区域参数对应的安全区域内按照预设规则显示所述操作控件区的步骤,包括:
将所述操作控件区的中心和所述安全区域的中心对齐;
调整所述操作控件区的大小和/或所述操作控件区内的控件间隔,使得所述操作控件区的边界与所述安全区域中相对应的边界对齐。


5.根据权利要求2所述的方法,其特征在于,所述在所述安全区域参数对应的安全区域内按照预设规则显示所述操作控件区的步骤,包括:
将所述操作控件区的目标边界和所述安全区域相对应的边界对齐;
对所述操作控件区除所述目标边界外的其他边界进行调整,使得所述操作控件区除所述目标边界外的其他边界与所述安全区域中相对应的边界对齐。


...

【专利技术属性】
技术研发人员:林森苟庆川刘阳叶子莹
申请(专利权)人:网易杭州网络有限公司
类型:发明
国别省市:浙江;33

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

1