[发明专利]一种界面布局方法、电子设备以及计算机可读存储介质在审

专利信息
申请号: 202010810536.5 申请日: 2020-08-13
公开(公告)号: CN112035199A 公开(公告)日: 2020-12-04
发明(设计)人: 杨婉艺;曹原;陈锋 申请(专利权)人: 华为技术有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06F3/14
代理公司: 北京汇思诚业知识产权代理有限公司 11444 代理人: 汪源
地址: 518129 广东*** 国省代码: 广东;44
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 界面 布局 方法 电子设备 以及 计算机 可读 存储 介质
【权利要求书】:

1.一种界面布局方法,其特征在于,所述方法应用于电子设备,所述方法包括:

获取设备信息;

获取参考界面的布局单元;

获取开发端设备生成的布局配置文件,所述布局配置文件用于适配不同的电子设备,所述布局配置文件包括布局单元的类型对应的配置信息;

根据所述布局单元的类型对应的配置信息、获取的所述布局单元所属的父布局的大小和位置以及所述设备信息,确定出所述布局单元的大小和位置;

根据每个所述布局单元的大小和位置,生成显示界面,所述显示界面包括所述至少一个布局单元。

2.根据权利要求1所述的方法,其特征在于,所述设备信息包括显示分辨率和设备类型,所述显示分辨率用于确定所述布局单元的位置的像素坐标,所述设备类型用于确定屏幕形态,以用于限定可显示区域的大小。

3.根据权利要求1所述的方法,其特征在于,所述布局单元的类型包括自适应类型;

所述根据所述布局单元的类型对应的配置信息、获取的所述布局单元所属的父布局的大小和位置以及所述设备信息,确定出所述布局单元的大小和位置,包括:

根据所述自适应类型对应的配置信息、获取的所述布局单元所属的父布局的大小和位置以及设备信息,将参考界面中所述布局单元的初始大小作为所述布局单元的大小,并生成所述布局单元的位置。

4.根据权利要求3所述的方法,其特征在于,所述配置信息包括定位点;

所述生成所述布局单元的位置,包括:

根据所述布局单元所属的父布局的大小和位置、设备信息、所述定位点确定出所述布局单元的位置,所述定位点用于将所述布局单元吸附至所述布局单元所属的父布局的指定位置,且所述布局单元的位置位于所述布局单元所属的父布局的范围内,所述设备信息用于确定所述布局单元的位置的像素坐标。

5.根据权利要求1所述的方法,其特征在于,所述布局单元的类型包括静态类型;

所述根据所述布局单元的类型对应的配置信息、获取的所述布局单元所属的父布局的大小和位置以及所述设备信息,确定出所述布局单元的大小和位置,包括:

根据所述静态类型对应的配置信息、获取的所述布局单元所属的父布局的大小和位置以及设备信息,将参考界面中所述布局单元的初始大小作为所述布局单元的大小,并生成所述布局单元的位置。

6.根据权利要求5所述的方法,其特征在于,所述配置信息包括定位点和父级间距;

所述生成所述布局单元的位置,包括:

将所述布局单元的至少一个指定边和所述父布局的与所述指定边对应的边之间的间距设置为所述父级间距;

根据所述布局单元所属的父布局的大小和位置以及设备信息、所述定位点和所述父级间距确定出所述布局单元的位置,所述定位点用于将所述布局单元吸附至所述布局单元所属的父布局的指定位置,且所述布局单元与所述布局单元所属的父布局之间的间距包括父级间距,所述布局单元的位置位于所述布局单元所属的父布局的范围内,所述设备信息用于确定所述布局单元的位置的像素坐标。

7.根据权利要求1所述的方法,其特征在于,所述布局单元的类型包括变形类型;

所述根据所述布局单元的类型对应的配置信息、获取的所述布局单元所属的父布局的大小和位置以及所述设备信息,确定出所述布局单元的大小和位置,包括:

根据所述变形类型对应的配置信息、获取的所述布局单元所属的父布局的大小和位置以及设备信息,改变所述布局单元的样式,将参考界面中所述布局单元的初始大小作为所述布局单元的大小,并生成所述布局单元的位置。

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

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

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

×

专利文献下载

说明:

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

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

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

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

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

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

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

钻瓜专利网在线咨询

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

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