[发明专利]一种UI界面适配不同屏幕尺寸移动客户端的方法及装置

说明书

技术领域

本发明涉及移动客户端UI界面屏幕适配领域，具体涉及一种UI界面适配不同屏幕尺寸移动客户端的方法。

背景技术

在移动互联网迅速发展的今天，智能手机的种类、型号越来越多，相应地，其手机的屏幕尺寸也越来越多（每一种类的智能手机的屏幕尺寸有可能不一致，如三星与苹果的手机屏幕尺寸有可能不一致；每种型号的智能手机的手机屏幕也有可能不一致，如iphone4与iphone5的屏幕尺寸不一致），此时，应用于不同移动客户端的软件面临屏幕适配问题。

现有技术中为保证移动客户端软件在不同的屏幕尺寸下，其显示效果不失真，通常使用不同屏幕尺寸的UI界面，如在适配iphone4与iphone5两个屏幕尺寸时，使用两套尺寸不一样的UI界面。在安桌软件上也基本上采用这种处理方法，但安桌移动客户端需要适配更多的屏幕尺寸，需要更多的UI界面。这种方法需要解决UI界面与手机屏幕适配问题，而在UI界面设计过程中，其开发过多、成本大、后期维护难度大，且当前安桌移动客户端屏幕只能适配一些主流尺寸的UI界面，并不能使所有屏幕尺寸都对应适配有一套UI界面。大屏幕尺寸的UI界面应用到小屏幕尺寸移动客户端时，小屏幕尺寸的移动客户端应用软件时其显示效果失真或者部分UI界面不能完全显示。

发明内容

本发明要解决的技术问题在于，针对现有技术的缺陷，提供一种UI界面适配不同屏幕尺寸移动客户端的方法。

本发明解决其技术问题所采用的技术方案予以实现：一种UI界面适配不同屏幕尺寸移动客户端的方法，包括以下步骤：

S1：提供预定屏幕分辨率的UI界面，并在所述UI界面上定义出优先显示区和次要显示区；

S2：检测移动客户端屏幕分辨率；

S3：比较所述预定屏幕分辨率与所述移动客户端屏幕分辨率，计算出分辨率偏移量；

S4：在所述移动客户端上根据所述分辨率偏移量对所述UI界面进行偏移显示，以使所述优先显示区优先在所述移动客户端的屏幕上显示；

S5：感测所述移动客户端上的动作指令，并根据所述动作指令调整所述UI界面的所述优先显示区和次要显示区在所述移动客户端的屏幕上的显示位置。

优选地，在步骤S1中，所述预定屏幕分辨率为预设高度×预设宽度；在所述UI界面上划分出至少两个功能区域，按功能的重要程度设置所述至少两个功能区域的优先级，以定义出所述优先显示区和所述次要显示区。

优选地，步骤S2包括：获取所述移动客户端的屏幕高度与屏幕宽度，所述移动客户端的屏幕分辨率为屏幕高度×屏幕宽度。

优选地，步骤S3中分辨率偏移量为预定屏幕分辨率减去所述移动客户端屏幕分辨率的差。

优选地，步骤S4包括：判断所述分辨率偏移量是否为正数，若为正数，则将所述UI界面在所述移动客户端上按分辨率偏移量的偏移显示，以在移动客户端的屏幕上全部显示所述优先显示区，局部显示所述次要显示区；若不为正数，则将所述UI界面在所述移动客户端的屏幕上全部显示。

优选地，所述分辨率偏移量包括高度偏移量和宽度偏移量；所述高度偏移量为预设高度减去屏幕高度的差，所述宽度偏移量为预设宽度减去屏幕宽度的差。

优选地，所述步骤S4包括：判断所述高度偏移量是否为正数，若为正数，则将所述UI界面在所述移动客户端的高度方向按所述高度偏移量进行偏移显示；若不为正数，则将所述UI界面在所述移动客户端的高度方向全部显示。

优选地，所述步骤S4还包括：判断所述宽度偏移量是否为正数，其为正数，则将所述UI界面在所述移动客户端的宽度方向按所述宽度偏移量进行偏移显示，若不为正数，则将所述UI界面在所述移动客户端的宽度方向全部显示。

优选地，步骤S5包括：感测所述移动客户端上触发的动作指令；判断所述动作指令是用于全部显示次要显示区的第一动作指令还是用于全部显示优先显示区的第二动作指令；若是所述第一动作指令，则将所述UI界面的次要显示区在所述移动客户端的屏幕上全部显示；若是所述第二动作指令，则将所述UI界面的优先显示区在所述移动客户端的屏幕上全部显示。

本发明还提供一种UI界面适配不同屏幕尺寸移动客户端的装置，包括：

UI界面预设单元：用于提供预定屏幕分辨率的UI界面，并在所述UI界面上定义出优先显示区和次要显示区；

分辨率检测单元：用于检测移动客户端屏幕分辨率；

偏移量计算单元：用于比较所述预定屏幕分辨率与所述移动客户端屏幕分辨率，计算出分辨率偏移量；