[发明专利]页面适配方法及装置在审

专利信息
申请号: 202110181313.1 申请日: 2021-02-08
公开(公告)号: CN112860255A 公开(公告)日: 2021-05-28
发明(设计)人: 龙佳;谭兵琴 申请(专利权)人: 无线生活(杭州)信息科技有限公司
主分类号: G06F8/38 分类号: G06F8/38;G06F8/33
代理公司: 北京尚伦律师事务所 11477 代理人: 谢丽莎
地址: 310000 浙江省杭州市*** 国省代码: 浙江;33
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 页面 配方 装置
【权利要求书】:

1.一种页面适配方法,其特征在于,包括:

获取页面设计稿中各元素的设计大小,所述设计大小用响应式单位表示,所述响应式单位的值跟随设备屏幕大小的变化而变化;

将所述响应式单位转换为目标设备屏幕对应的目标单位以及所述响应式单位在所述目标单位下的对应值;

根据转换后的所述目标单位以及所述响应式单位在所述目标单位下的对应值生成新的样式文件。

2.根据权利要求1所述的方法,其特征在于,所述将所述响应式单位转换为目标设备屏幕对应的目标单位以及所述响应式单位在所述目标单位下的对应值,包括:

获取所述目标单位与目标等份值的配置信息;

依次读取项目中的样式文件;

解析所述样式文件得到样式语法树,所述样式语法树中包括:语句声明以及规则声明;

遍历所述样式语法树中的所述语句声明以及所述规则声明,将所述响应式单位转换为所述目标单位以及所述响应式单位在所述目标单位下的对应值。

3.根据权利要求2所述的方法,其特征在于,所述将所述响应式单位转换为所述目标单位以及所述响应式单位在所述目标单位下的对应值,包括:

根据所述响应式单位与目标等份值的比值确定所述响应式单位在所述目标单位下的对应值。

4.根据权利要求1所述的方法,其特征在于,所述根据转换后的所述目标单位以及所述响应式单位在所述目标单位下的对应值生成新的样式文件,包括:

根据vw单位设置根节点字号属性;

在body节点上还原设备默认字号;

根据所述响应式单位在所述目标单位下的对应值、所述根节点字号属性和所述设备默认字号生成所述新的样式文件。

5.根据权利要求4所述的方法,其特征在于,所述方法还包括:

在所述body节点上增加最大宽度设置参数;

所述根据所述响应式单位在所述目标单位下的对应值、所述根节点字号属性和所述设备默认字号生成所述新的样式文件,包括:

根据所述响应式单位在所述目标单位下的对应值、所述根节点字号属性、所述设备默认字号和所述最大宽度设置参数生成所述新的样式文件。

6.根据权利要求4所述的方法,其特征在于,在所述屏幕宽度为预设像素时对应的所述设备默认字号为预设字号。

7.一种页面适配装置,其特征在于,包括:

获取模块,用于获取页面设计稿中各元素的设计大小,所述设计大小用响应式单位表示,所述响应式单位的值跟随设备屏幕大小的变化而变化;

转换模块,用于将所述响应式单位转换为目标设备屏幕对应的目标单位以及所述响应式单位在所述目标单位下的对应值;

生成模块,用于根据转换后的所述目标单位以及所述响应式单位在所述目标单位下的对应值生成新的样式文件。

8.根据权利要求7所述的装置,其特征在于,所述转换模块,包括:

获取子模块,用于获取所述目标单位与目标等份值的配置信息;

读取子模块,用于依次读取项目中的样式文件;

解析子模块,用于解析所述样式文件得到样式语法树,所述样式语法树中包括:语句声明以及规则声明;

转换子模块,用于遍历所述样式语法树中的所述语句声明以及所述规则声明,将所述响应式单位转换为所述目标单位以及所述响应式单位在所述目标单位下的对应值。

9.一种页面适配装置,其特征在于,包括:

处理器;

用于存储处理器可执行指令的存储器;

其中,所述处理器被配置为:

获取页面设计稿中各元素的设计大小,所述设计大小用响应式单位表示,所述响应式单位的值跟随设备屏幕大小的变化而变化;

将所述响应式单位转换为目标设备屏幕对应的目标单位以及所述响应式单位在所述目标单位下的对应值;

根据转换后的所述目标单位以及所述响应式单位在所述目标单位下的对应值生成新的样式文件。

10.一种计算机可读存储介质,其上存储有计算机指令,其特征在于,该指令被处理器执行时实现权利要求1至6中任一项所述方法的步骤。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于无线生活(杭州)信息科技有限公司,未经无线生活(杭州)信息科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202110181313.1/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top