[发明专利]一种UI界面适配不同屏幕尺寸移动客户端的方法及装置有效
申请号: | 201410128959.3 | 申请日: | 2014-04-01 |
公开(公告)号: | CN103984477B | 公开(公告)日: | 2017-01-25 |
发明(设计)人: | 刘可;黄贺群;陈晓嘉 | 申请(专利权)人: | 深圳市云来网络科技有限公司 |
主分类号: | G06F3/0484 | 分类号: | G06F3/0484;H04M1/725 |
代理公司: | 深圳市瑞方达知识产权事务所(普通合伙)44314 | 代理人: | 张约宗 |
地址: | 518000 广东省深圳市*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 ui 界面 不同 屏幕 尺寸 移动 客户端 方法 装置 | ||
1.一种UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:包括以下步骤:
S1:提供预定屏幕分辨率的UI界面,并在所述UI界面上定义出优先显示区和次要显示区;
S2:检测移动客户端屏幕分辨率;
S3:比较所述预定屏幕分辨率与所述移动客户端屏幕分辨率,计算出分辨率偏移量;
S4:在所述移动客户端上根据所述分辨率偏移量对所述UI界面进行偏移显示,以使所述优先显示区优先在所述移动客户端的屏幕上显示;
S5:感测所述移动客户端上的动作指令,并根据所述动作指令调整所述UI界面的所述优先显示区和次要显示区在所述移动客户端的屏幕上的显示位置。
2.根据权利要求1所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:在步骤S1中,所述预定屏幕分辨率为预设高度×预设宽度;在所述UI界面上划分出至少两个功能区域,按功能的重要程度设置所述至少两个功能区域的优先级,以定义出所述优先显示区和所述次要显示区。
3.根据权利要求2所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:步骤S2包括:获取所述移动客户端的屏幕高度与屏幕宽度,所述移动客户端的屏幕分辨率为屏幕高度×屏幕宽度。
4.根据权利要求3所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:步骤S3中分辨率偏移量为预定屏幕分辨率减去所述移动客户端屏幕分辨率的差。
5.根据权利要求4所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:步骤S4包括:判断所述分辨率偏移量是否为正数,若为正数,则将所述UI界面在所述移动客户端上按分辨率偏移量的偏移显示,以在移动客户端的屏幕上全部显示所述优先显示区,局部显示所述次要显示区;若不为正数,则将所述UI界面在所述移动客户端的屏幕上全部显示。
6.根据权利要求5所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:所述分辨率偏移量包括高度偏移量和宽度偏移量;所述高度偏移量为预设高度减去屏幕高度的差,所述宽度偏移量为预设宽度减去屏幕宽度的差。
7.根据权利要求6所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:所述步骤S4包括:判断所述高度偏移量是否为正数,若为正数,则将所述UI界面在所述移动客户端的高度方向按所述高度偏移量进行偏移显示;若不为正数,则将所述UI界面在所述移动客户端的高度方向全部显示。
8.根据权利要求6所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:所述步骤S4还包括:判断所述宽度偏移量是否为正数,其为正数,则将所述UI界面在所述移动客户端的宽度方向按所述宽度偏移量进行偏移显示,若不为正数,则将所述UI界面在所述移动客户端的宽度方向全部显示。
9.根据权利要求1-8任一项所述UI界面适配不同屏幕尺寸移动客户端的方法,其特征在于:步骤S5包括:感测所述移动客户端上触发的动作指令;判断所述动作指令是用于全部显示次要显示区的第一动作指令还是用于全部 显示优先显示区的第二动作指令;若是所述第一动作指令,则将所述UI界面的次要显示区在所述移动客户端的屏幕上全部显示;若是所述第二动作指令,则将所述UI界面的优先显示区在所述移动客户端的屏幕上全部显示。
10.一种UI界面适配不同屏幕尺寸移动客户端的装置,其特征在于:包括:
UI界面预设单元(10):用于提供预定屏幕分辨率的UI界面,并在所述UI界面上定义出优先显示区和次要显示区;
分辨率检测单元(20):用于检测移动客户端屏幕分辨率;
偏移量计算单元(30):用于比较所述预定屏幕分辨率与所述移动客户端屏幕分辨率,计算出分辨率偏移量;
偏移显示单元(40):用于在所述移动客户端上根据所述分辨率偏移量对所述UI界面进行偏移显示,以使所述优先显示区优先在所述移动客户端的屏幕上显示;
显示调整单元(50):用于感测所述移动客户端上的动作指令,并根据所述动作指令调整所述UI界面的所述优先显示区和次要显示区在所述移动客户端的屏幕上的显示位置。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于深圳市云来网络科技有限公司,未经深圳市云来网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201410128959.3/1.html,转载请声明来源钻瓜专利网。