[发明专利]对界面控件进行适配的方法及装置有效
申请号: | 201610153524.3 | 申请日: | 2016-03-17 |
公开(公告)号: | CN105760178B | 公开(公告)日: | 2019-03-26 |
发明(设计)人: | 郭尚礼;林健;吴昊 | 申请(专利权)人: | 网易(杭州)网络有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451 |
代理公司: | 北京律智知识产权代理有限公司 11438 | 代理人: | 姜怡;阚梓瑄 |
地址: | 310052 浙江省杭州*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 界面 控件 进行 方法 装置 | ||
1.一种对界面控件进行适配的方法,其特征在于,包括:
获取设备的屏幕分辨率、屏幕尺寸大小和PPI值;
从预设的多个设计分辨率中选取与所述屏幕分辨率的宽高比最接近的一设计分辨率,并根据选取的设计分辨率与所述设备的屏幕尺寸大小计算出一设计PPI值;
将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;
按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;
选取一中间分辨率,所述中间分辨率的宽度与所述设计分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同;
将画布按照所述中间分辨率在纵向上进行缩放;
将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。
2.如权利要求1所述的方法,其特征在于,所述选取与所述屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值包括:预设多个所述设计分辨率,计算所述屏幕分辨率的宽高比和每个所述设计分辨率的宽高比,计算所述屏幕分辨率的宽高比与每个所述设计分辨率的宽高比的比值,其中,计算所述比值时,选取所述屏幕分辨率的宽高比与所述设计分辨率的宽高比中数值较大的除以数值较小的,选取所述比值较小的作为选取的设计分辨率。
3.如权利要求1所述的方法,其特征在于,所述控件包括自适应控件和可定义控件,所述可定义控件支持定义三种属性,包括缩放比例、位置类型和相对位置。
4.如权利要求3所述的方法,其特征在于,所述将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放包括:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行位置调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行位置调整。
5.如权利要求3所述的方法,其特征在于,所述将画布按照所述中间分辨率在纵向上进行缩放包括:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行纵向调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行纵向调整。
6.如权利要求1所述的方法,其特征在于,还包括:针对全屏画布,在画布最上端和最下端预先设计延伸底图,以预留画布纵向缩放时的裁剪需要。
7.一种对界面控件进行适配的装置,其特征在于:包括:
获取设备信息模块,用于获取设备的屏幕分辨率、屏幕尺寸大小和PPI值;
选取设计方案模块,用于从预设的多个设计分辨率中选取与所述屏幕分辨率的宽高比最接近的一设计分辨率,并根据选取的设计分辨率与所述设备的屏幕尺寸大小计算出一设计PPI值;
设计分辨率缩放模块,用于将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;
PPI缩放模块,用于按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;
中间分辨率缩放模块,用于选取一中间分辨率,所述中间分辨率的宽度与所述设计分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同,将画布按照所述中间分辨率在纵向上进行缩放;
设备分辨率缩放模块,用于将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。
8.如权利要求7所述的装置,其特征在于,所述选取设计方案模块还用于:预设多个所述设计分辨率,计算所述屏幕分辨率的宽高比和每个所述设计分辨率的宽高比,计算所述屏幕分辨率的宽高比与每个所述设计分辨率的宽高比的比值,其中,计算所述比值时,选取所述屏幕分辨率的宽高比与所述设计分辨率的宽高比中数值较大的除以数值较小的,选取所述比值较小的作为选取的设计分辨率。
9.如权利要求8所述的装置,其特征在于,所述控件包括自适应控件和可定义控件,所述可定义控件支持定义三种属性,包括缩放比例、位置类型和相对位置。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于网易(杭州)网络有限公司,未经网易(杭州)网络有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201610153524.3/1.html,转载请声明来源钻瓜专利网。
- 上一篇:方便型男式长内裤
- 下一篇:鞋类自动开启模具机构