[发明专利]页面自动适配方法、装置、设备及存储介质

说明书

本发明涉及计算机技术领域，应用于智慧医疗领域中，公开了一种页面自动适配方法、装置、设备及存储介质，用于提高界面设计元素尺寸和位置的适配效率。页面自动适配方法包括：当加载目标页面时，按照视图布局标记、起始标记和结束标记确定目标代码块；通过消息机制拦截目标代码块中的目标发送消息和基准参数，根据屏幕宽度值、基准宽度值和基准参数调用目标发送消息对应的映射消息处理函数，得到目标布局信息；当映射消息处理函数对应的处理逻辑执行完成时，通过映射响应消息按照目标布局信息执行目标消息处理函数，当检测到元素自动适配布局结束时，展示自动适配页面。此外，本发明还涉及区块链技术，自动适配页面可存储于区块链节点中。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面自动适配方法、装置、设备及存储介质。

背景技术

屏幕适配是移动终端(例如ios系统和android系统)一项日常开发工作，终端大部分的业务都涉及界面设计UI开发，而UI开发也就意味着需要进行屏幕适配。随着iPhone发布的机型越来也多，分辨率也各不相同，屏幕适配也显得越来越重要。通常UI设计师设计UI元素时，是根据某一通用机型(例如，iPhone6)的分辨率进行设计的，其他机型则需要根据分辨率的不同进行相应适配，也就是UI元素需要进行等比缩放。

目前业内并无统一的适配方案，本身实现UI元素布局的方案也各不相同，但通常来讲，针对各种布局方式(例如框架frame或自动布局autolayout)，一般在页面布局时，将UI元素的尺寸乘以相应的缩放比例。这种适配方案非常简单，但是每句布局代码均需要乘以缩放比例，代码可读性和扩展性差，导致屏幕适配效率低。

发明内容

本发明提供了一种页面自动适配方法、装置、设备及存储介质，用于提高界面设计元素尺寸和位置的适配效率，并降低页面适配出错的概率。

为实现上述目的，本发明第一方面提供了一种页面自动适配方法，包括：当加载目标页面时，按照预设的视图布局标记、预设的起始标记和预设的结束标记检索所述目标页面，得到目标代码块，并获取所述目标页面对应的基准宽度值和终端的屏幕宽度值；获取所述目标页面对应的布局基准信息，并判断所述屏幕宽度值与所述基准宽度值是否相等，所述布局基准信息包括预设的元素尺寸信息和预设的元素位置信息；若所述屏幕宽度值与所述基准宽度值不相等，则通过预设的消息机制拦截所述目标代码块中的目标发送消息和基准参数，并根据所述屏幕宽度值、所述基准宽度值和所述基准参数调用所述目标发送消息对应的映射消息处理函数，得到目标布局信息，所述基准参数用于指示布局基准信息中的元素尺寸或者元素位置，所述目标布局信息为已适配的元素尺寸或已适配的元素位置；当所述映射消息处理函数对应的处理逻辑执行完成时，通过映射响应消息按照所述目标布局信息调用并执行目标消息处理函数，直到元素自动适配布局结束时，绘制并展示自动适配页面，所述映射响应消息与所述映射消息处理函数一一对应。

可选的，在本发明第一方面的第一种实现方式中，所述当加载目标页面时，按照预设的视图布局标记、预设的起始标记和预设的结束标记检索所述目标页面，得到目标代码块，并获取所述目标页面对应的基准宽度值和终端的屏幕宽度值，包括：当加载目标页面时，将预设的视图布局标记设置为目标关键词，按照所述目标关键词匹配所述目标页面中的各文本元素，得到匹配结果，所述目标页面为预设应用程序的首页，所述预设的视图布局标记用于指示所述目标页面已开启屏幕自动适配；当所述匹配结果为匹配成功时，确定所述目标页面中存在所述视图布局标记，并按照预设的起始标记和预设的结束标记，从所述视图布局标记对应的预设代码处理逻辑中提取目标代码块；获取所述目标页面对应的基准宽度值，调用预设的屏幕尺寸函数获取终端的屏幕尺寸信息，按照浮点数据类型从所述屏幕尺寸信息中提取终端的屏幕宽度值。