[发明专利]一种页面适配方法及装置在审
申请号: | 201611220096.8 | 申请日: | 2016-12-26 |
公开(公告)号: | CN108241505A | 公开(公告)日: | 2018-07-03 |
发明(设计)人: | 王宇;芦丽红;谢宇;张玉魁 | 申请(专利权)人: | 航天信息股份有限公司 |
主分类号: | G06F9/38 | 分类号: | G06F9/38 |
代理公司: | 北京同达信恒知识产权代理有限公司 11291 | 代理人: | 黄志华 |
地址: | 100195 *** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 换算关系 效果图 适配 计算方式 页面显示 根元素 预设 网络通信领域 比例换算 开发周期 人力成本 预定义 还原 终端 统一 维护 开发 | ||
1.一种页面适配方法,其特征在于,包括:
获取显示界面的宽度;
根据所述显示界面的宽度和预定义的计算方式,计算页面中根元素在所述显示界面上显示时对应的大小;其中,所述计算方式为,根据预设的所述页面对应的原始效果图的宽度、预设的换算关系和所述显示界面的宽度进行计算;所述换算关系表示,所述页面中元素的单位与所述原始效果图中元素的单位之间的比例换算;
根据所述页面中根元素在所述显示界面上显示时对应的大小,将所述页面显示于所述显示界面上。
2.如权利要求1所述的方法,其特征在于,所述预设的所述页面对应的原始效果图的宽度,是根据预知的各个终端的分辨率确定的,并所述原始效果图中元素的单位为px。
3.如权利要求2所述的方法,其特征在于,所述页面中元素的单位,为rem,并所述换算关系为1rem=100px。
4.如权利要求3所述的方法,其特征在于,根据所述显示界面的宽度和预定义的计算方式,计算页面中根元素在所述显示界面上显示时对应的大小,具体包括:
其中,所述显示界面的宽度为x、预设的所述页面对应的原始效果图的宽度为y和预设的换算关系为1rem=100px,页面中根元素在所述显示界面上显示时对应的大小为z,则z=100*(x/y)。
5.一种页面适配装置,其特征在于,包括:
获取单元,用于获取显示界面的宽度;
计算单元,用于根据所述显示界面的宽度和预定义的计算方式,计算页面中根元素在所述显示界面上显示时对应的大小;其中,所述计算方式为,根据预设的所述页面对应的原始效果图的宽度、预设的换算关系和所述显示界面的宽度进行计算;所述换算关系表示,所述页面中元素的单位与所述原始效果图中元素的单位之间的比例换算;
显示单元,用于根据所述页面中根元素在所述显示界面上显示时对应的大小,将所述页面显示于所述显示界面上。
6.如权利要求5所述的装置,其特征在于,所述预设的所述页面对应的原始效果图的宽度,是根据预知的各个终端的分辨率确定的,并所述原始效果图中元素的单位为px。
7.如权利要求6所述的装置,其特征在于,所述页面中元素的单位,为rem,并所述换算关系为1rem=100px。
8.如权利要求7所述的装置,其特征在于,根据所述显示界面的宽度和预定义的计算方式,计算页面中根元素在所述显示界面上显示时对应的大小时,计算单元具体用于:
其中,所述显示界面的宽度为x、预设的所述页面对应的原始效果图的宽度为y和预设的换算关系为1rem=100px,页面中根元素在所述显示界面上显示时对应的大小为z,则z=100*(x/y)。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于航天信息股份有限公司,未经航天信息股份有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201611220096.8/1.html,转载请声明来源钻瓜专利网。