[发明专利]显示界面适配方法、显示界面适配设计方法和电子设备在审

专利信息
申请号: 201911414597.3 申请日: 2019-12-31
公开(公告)号: CN111190681A 公开(公告)日: 2020-05-22
发明(设计)人: 周轩 申请(专利权)人: 华为技术有限公司
主分类号: G06F9/451 分类号: G06F9/451
代理公司: 北京汇思诚业知识产权代理有限公司 11444 代理人: 冯伟
地址: 518129 广东*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 显示 界面 配方 设计 方法 电子设备
【权利要求书】:

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

获取屏幕分辨率;

根据所述屏幕分辨率确定栅格属性的值;

获取目标元素的布局参数,其中,所述目标元素的布局参数采用所述栅格属性描述;

根据所述目标元素的布局参数和所述栅格属性的值,显示所述目标元素。

2.根据权利要求1所述的方法,其特征在于,所述栅格属性包括第一栅格属性、第二栅格属性和第三栅格属性,

其中,所述第一栅格属性用于表示元素距离屏幕边界的距离,采用第一宽度作为度量单位,所述第二栅格属性用于表示邻近的所述元素之间的距离,采用第二宽度作为度量单位,所述第三栅格属性用于表示元素的宽度,采用栅格宽度作为度量单位。

3.根据权利要求1所述的方法,其特征在于,所述根据所述屏幕分辨率确定栅格属性的值,包括:

查找第一映射关系表,其中,所述第一映射关系表存储所述屏幕分辨率和栅格属性的值的映射关系;

根据所述屏幕分辨率、所述屏幕分辨率和栅格属性的值的映射关系确定所述栅格属性的值。

4.根据权利要求1所述的方法,其特征在于,所述目标元素包括目标标识,所述获取目标元素的布局参数,包括:

查找第二映射关系表,其中,所述第二映射关系表存储元素的布局参数和所述元素的标识的映射关系,所述元素的布局参数采用栅格属性描述;

根据所述目标标识、所述元素的布局参数和所述元素的标识的映射关系获取所述目标元素的布局参数。

5.根据权利要求1所述的方法,其特征在于,所述屏幕上显示一个或多个所述显示界面,在一个所述显示界面中,包括一个或多个显示子界面。

6.根据权利要求1-5任意一项所述的方法,其特征在于,所述方法还包括:

当检测到所述显示界面进行横竖屏切换时,刷新所述栅格属性的值;

获取目标元素的布局参数,其中,所述目标元素的布局参数采用所述栅格属性描述;

根据所述目标元素的布局参数和所述栅格属性的值,显示所述目标元素。

7.根据权利要求1-5任意一项所述的方法,其特征在于,所述方法还包括:

根据所述屏幕分辨率确定栅格数量;

当所述栅格数量满足预设条件时,根据所述栅格数量调整所述显示界面的内容布局。

8.根据权利要求7所述的方法,其特征在于,所述当所述栅格数量满足预设条件时,根据所述栅格数量调整所述显示界面的内容布局,包括:

当所述栅格数量小于第一预设条件时,所述显示界面包括第一预设列数的子界面,其中,所述第一预设列数的子界面的宽度根据所述栅格数量确定;

当所述栅格数量大于或等于第一预设条件时,所述显示界面包括第二预设列数的子界面,其中,所述第二预设列数的子界面的宽度根据所述栅格数量确定。

9.根据权利要求1-5任意一项所述的方法,其特征在于,当所述方法应用于折叠屏电子设备时,所述折叠屏电子设备包括左屏幕和右屏幕,所述方法包括:

获取所述左屏幕的屏幕分辨率,以及,获取所述右屏幕的屏幕分辨率;

根据所述左屏幕的屏幕分辨率确定所述左屏幕的栅格属性的值,以及,根据所述右屏幕的屏幕分辨率确定所述右屏幕的栅格属性的值;

获取左屏幕上显示的第一目标元素的布局参数,以及,获取右屏幕上显示的第二目标元素的布局参数,其中,所述第一目标元素的布局参数、第二目标元素的布局参数采用所述栅格属性描述;

左屏幕根据所述第一目标元素的布局参数和所述左屏幕的栅格属性的值,显示所述第一目标元素;

右屏幕根据所述第二目标元素的布局参数和所述右屏幕的栅格属性的值,显示所述第二目标元素。

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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