本文来自网易云社区
作者:孙有军
开发的TV应用发现在部分电视上可以显示完整,而其他部分电视显示不全,周围都会遮挡了。
这是因为部分老的电视有一个overscan的概览,什么叫overscan呐?官方解释如下:
During the evolution of TV technology, overscan originally described an area of TV content outside of a safe zone that most TVs could reliably display. Even on some of today’s HDTV flat screens, areas outside that zone may not be visible.
整个展示的界面是外面整个矩形框,而可见区域是内部的矩形框,因此如果你布局的内容紧邻边界,就会导致部分电视不能完整显示整个内容。
上面的问题,我们怎么解决呐?这里给出两种解决方案。
虽然老的电视有overscan的概念,内容显示不全,但是电视可以设置他的显示内容距离电视边框的距离,这里主要依靠人为的手动设置,方式如下:
一般都是选择遥控板的设置,进入设置界面,选择显示,边距调整
经过上述方式的调整,可以设置内容与边框有一定的距离,这样可以让所有的内容都显示出来。
难点:该方式必须要用户手动调整,如果不调整则显示内容被遮挡体验效果比较差
既然让大家都采用手动调整是比较困难的,那有没有从应用层面来解决该问题的方法,有,肯定有,官方的文档也给出了解决方案:
Build a 5% margin into your TV screen designs to account for overscan area the TV may not display correctly. On a 1920 x 1080 screen, this margin should be a minimum of 27 pixels from the top and bottom edges and a minimum of 48 pixels from the right and left edges of the picture.
上面的意思是,在设计界面的时候,就空出四周的overscan距离,以1920*1080为例上下27px,左右48px,让显示的内容完全处于安全区域,周围都是无关内容区域。
缺点:如果设计的内容需要靠近边界,比如说底部有一个导航条,可以显示与影藏,这种时候就需要贴近边界进行设计。如果再设计的时候空出一部分,那在overscan的电视上展示较好,无overscan的电视展示就比较差,如果不空,这效果相反
既然上面的两种方案都是有缺点的
那有没有一种方法来解决上面面临的问题?能够根据电视状况自动缩放内容,在有overscan的电视上,拿到overscan的值,设置显示内容与边界为overscan的值,在没有overscan的电视上保持内容不调整。
首先我们看代码,看看代码中是否有overscan的值,经过一番查找,在Android中有一个Display类,他包含了很多显示信息,其中有一个字段为DisplayInfo,DisplayInfo包含了其他的一些显示信息。其中有四个字段如下:
/**
* Describes the characteristics of a particular logical display.
* @hide
*/
public final class DisplayInfo implements Parcelable {
....
/**
* @hide
* Number of overscan pixels on the left side of the display.
*/
public int overscanLeft;
/**
* @hide
* Number of overscan pixels on the top side of the display.
*/
public int overscanTop;
/**
* @hide
* Number of overscan pixels on the right side of the display.
*/
public int overscanRight;
/**
* @hide
* Number of overscan pixels on the bottom side of the display.
*/
public int overscanBottom;
public DisplayInfo() {
}
....
}
这里我们省略了其他的代码,可以看到包含有overscanLeft, overscanTop,overscanRight,overscanBottom,这就是Overscan的值,到这里感觉有希望。既然有这四个值,那我们获取到这四个值再设置会界面应该就能达到我们想要的效果。
从上面的代码中我们可以看到DisplayInfo是被hide掉的,四个值也是被hide掉的,说明从正常的先拿到Display,再拿到DisplayInfo,之后再获取四个值是不行的了,那我们反射来获取该值,代码如下:
public static Rect getOverScan() {
if (overScan == null) {
overScan = new Rect();
try {
WindowManager manager = (WindowManager) AppProfile.getContext().getSystemService(Context
.WINDOW_SERVICE);
Display display = manager.getDefaultDisplay();
Class clazz = Display.class;
Field mDisplayInfo = clazz.getDeclaredField("mDisplayInfo");
mDisplayInfo.setAccessible(true);
Object displayInfo = mDisplayInfo.get(display);
Class displayInfoClazz = Class.forName("android.view.DisplayInfo");
Field overscanLeft = displayInfoClazz.getDeclaredField("overscanLeft");
overScan.left = overscanLeft.getInt(displayInfo);
Field overscanTop = displayInfoClazz.getDeclaredField("overscanTop");
overScan.top = overscanTop.getInt(displayInfo);
Field overscanRight = displayInfoClazz.getDeclaredField("overscanRight");
overScan.right = overscanRight.getInt(displayInfo);
Field overscanBottom = displayInfoClazz.getDeclaredField("overscanBottom");
overScan.bottom = overscanBottom.getInt(displayInfo);
} catch (Exception e) {
}
}
return overScan;
}
首先获取到Display,之后在反射获取DisplayInfo,最后在读取四个值。
也可以直接反射获取Display下的getOverscanInsets函数, getOverscanInsets函数如下:
/**
* @hide
* Return a rectangle defining the insets of the overscan region of the display.
* Each field of the rectangle is the number of pixels the overscan area extends
* into the display on that side.
*/
public void getOverscanInsets(Rect outRect) {
synchronized (this) {
updateDisplayInfoLocked();
outRect.set(mDisplayInfo.overscanLeft, mDisplayInfo.overscanTop,
mDisplayInfo.overscanRight, mDisplayInfo.overscanBottom);
}
}
反射获取方式如下:
public static Rect getOverScan1() {
Rect overScan = new Rect();
try {
WindowManager manager = (WindowManager) AppProfile.getContext().getSystemService(Context.WINDOW_SERVICE);
Display display = manager.getDefaultDisplay();
Class clazz = Display.class;
Method getOverscanInsets = clazz.getMethod("getOverscanInsets", Rect.class);
getOverscanInsets.invoke(display, overScan);
LogUtil.free(overScan.toString());
} catch (Exception e) {
}
return overScan;
}
我们采用上面方法在debug状态下读取了一下DisplayInfo的内容:
Display id 0: DisplayInfo{"内置屏幕", app 1280 x 720, real 1280 x 720, largest app 1280 x 1255, smallest app 720 x 695, 50.0 fps, rotation0, density 160 (160.0 x 160.0) dpi, layerStack 0, type BUILT_IN, FLAG_SECURE, FLAG_SUPPORTS_PROTECTED_BUFFERS}, DisplayMetrics{density=1.0, width=1280, height=720, scaledDensity=1.0, xdpi=160.0, ydpi=160.0}, isValid=true
反射后获取,发现并没有overscan的值,很遗憾四个值都是0。可是我测试的电视是有overscan的。代码写错了?
我采用命令来设置overscan的内容:
adb shell wm overscan 10,20,30,40
分别设置overscan的值为10, 20, 30, 40,之后我再一次获取DisplayInfo的值,内容如下:
Display id 0: DisplayInfo{"内置屏幕", app 1280 x 720, real 1280 x 720, overscan (10,20,30,40), largest app 1280 x 1255, smallest app 720 x 695, 50.0 fps, rotation0, density 160 (160.0 x 160.0) dpi, layerStack 0, type BUILT_IN, FLAG_SECURE, FLAG_SUPPORTS_PROTECTED_BUFFERS}, DisplayMetrics{density=1.0, width=1280, height=720, scaledDensity=1.0, xdpi=160.0, ydpi=160.0}, isValid=true
这里可以看到明确有overscan的内容,并且就是我们命令设置的值,这就尴尬了,系统默认值获取不到,手动设置可以获取。希望之路破灭。
如果有人实现了自适应的方式,麻烦请告知一下。目前只能采取UI界面调整的方式来避免该问题。
网易云免费体验馆,0成本体验20+款云产品!
更多网易研发、产品、运营经验分享请访问网易云社区