[发明专利]界面中控件的显示方法及装置

说明书

技术领域

本发明涉及计算机领域，具体而言，涉及一种界面中控件的显示方法及装置。

背景技术

在进行多媒体展示时，经常会出现待展示的界面和用户设备的屏幕不匹配的问 题。下面以移动游戏为例进行说明。在移动游戏中，不同的游戏玩家通过各种不同的移动设 备进行游戏，不同的移动设备的尺寸、分辨率不尽相同。在展示游戏界面时，正确、自然地向 持有不同设备的玩家展示游戏的内容对于提升用户体验十分重要。

例如，游戏中的一个面板尺寸是800px*600px(即4：3的比例)，这在800px*600px的 手机上可以刚好铺满全屏。但是，如果要显示在一个2048px*1536px(即3：2的比例)的设备 上，则至少会出现以下的问题：

(1)覆盖屏幕面积大小不匹配的问题。

如果以游戏的原面板大小进行显示，会出现游戏内容只显示在某小块区域的问 题。该问题一般可通过游戏面板的缩放来解决。但是，如果采用缩放的方法来适配屏幕面 积，通常又会存在以下的问题：

如果将长和宽等比缩放，顶到屏幕边缘，可以保证界面显示在屏幕内，但该方法可 能导致屏幕上留有黑边；

如果将长和宽等比缩放，顶到屏幕边缘，可以保证界面覆盖整个屏幕，该方法不会 使屏幕留有黑边，但游戏的部分界面会被裁切；

如果将长和宽不等比缩放，分别顶到屏幕边缘，可以保证界面覆盖整个屏幕。该方 法不会导致屏幕留有黑边，并且游戏界面也不会被裁切，但由于缩放不等比，会造成游戏界 面中的图像变形。

(2)界面内部的坐标定位问题。

如果采用缩放的方式来适配面积，那么界面内部的控件位置需要重新调整排列， 通常为了美观，需要对各控件的定位方式进行定制。

(3)图片尺寸问题。

如果游戏界面同时要适配小尺寸(比如320*240)和大尺寸(比如2048*1536)，那么 采用图片的尺寸就需要考虑。如果使用适用于320*240的图片大小，那么在2048*1536的屏 幕中显示时就会很模糊；反之，如果使用适用于2048*1536的图片大小，那么在320*240的屏 幕中显示时，就会出现采样不连续导致的锯齿形状。

为解决上述问题，相关技术中提出了两种解决方案，一种是基于绝对坐标的定位、 缩放适配的方式，另外一种是对不同屏幕使用多套界面配置适配的方式。

方式一、基于绝对坐标的定位、缩放适配的方式

该方法规定了一种设计分辨率(w,h)，编辑时控件位置的坐标是相对左上角或左 下角的绝对坐标，每个控件的长宽也是像素的绝对大小。在将(w,h)适用到屏幕分辨率(W, H)时，先将界面居中，再采用两种缩放大小min(W/w,H/h)或max(W/w,H/h)来进行适配。

在按缩放大小min(W/w,H/h)进行适配时，将宽度为w、高度为h的矩形控件缩放到 比例为max(W/w,H/h)，使得至少有两条边贴到宽度为W、高度为H的屏幕边缘，同时保证该控 件面积完全位于屏幕内(如图1、图2所示)。

在按缩放大小max(W/w,H/h)进行适配时，将宽度为w、高度为h的矩形控件缩放到 比例为max(W/w,H/h)，使得至少有两条边贴到宽度为W、高度为H的屏幕边缘，同时保证屏幕 面积完全位于该控件之内(如图3、图4所示)。

该方法通过比较简单的方式将传统的绝对坐标定位的界面通过缩放适配到各种 不同大小的屏幕中。但是，该方法存在以下的问题：

(1)由于设计分辨率与实际屏幕分辨率的长宽比并不一致，但长宽缩放比又必须 保持等比缩放，因此会导致屏幕留有黑边，进而降低了屏幕空间的利用率；或者会出现部分 界面超出屏幕而被裁切的现象。

(2)该方法在界面元素的坐标定位上也存在问题。比如，我们要把4个按钮分别固 定在左下角、左上角、右下角、右上角，如果按该方法中所述的适配方式，如果设计分辨率与 屏幕分辨率不一致，则无法将上述按钮固定在上述的位置。

(3)由于设计分辨率与实际分辨率的大小差别可能很大，因此，该方法为设计分辨 率所采用的界面图片的精度可能与实际分辨率所要求的图片精度差别太大。如果实际分辨 率达到设计分辨率的数倍的话，那么在屏幕上显示的图像就会很模糊；如果设计分辨率达 到实际分辨率的数倍的话，由于图片精度太高，则在屏幕上显示的图片就可能会跳过采样 点而导致出现锯齿，同时图片也会占用过多的内存空间。