适配三星Galaxy S8及S8+

Galaxy S8及S8+分别搭载“5.8”与“6.2”大屏,高达84%的屏幕占比为Galaxy S8及S8+在游戏娱乐、观看视频时带来深度沉浸式视觉体验。但是与此同时S8却有着一个奇葩的屏幕比例:18.5比9,屏幕分辨率:2960×1440。通常我们在开发过程中android的标准设计图为1920×1080,ios为1334×750,默认采用16比9的比例来设计效果图。android机型众多,分辨率千奇百怪,这回三星又来添乱了,实际开发过程中还真遇到了三星S8的适配问题。

先来看一些案例:

这是适配前的王者农药

适配三星Galaxy S8及S8+
Screenshot_20170630-190449.png

这是适配后的王者农药

适配三星Galaxy S8及S8+
Screenshot_20170630-223124.png

再来看看竖屏的效果:

这是未适配的网易新闻

适配三星Galaxy S8及S8+
Screenshot_20170630-125811.png

这是适配过了的今日头条

适配三星Galaxy S8及S8+
Screenshot_20170630-125802.png

所以从案例可以看出来,如果不去做适配的话,屏幕的两端就会留有黑边,相当讨厌,真机体验是酱紫的,大家可以感受下:


适配三星Galaxy S8及S8+
WechatIMG185.jpeg

甚至据说这上下感人的大黑边逼死了处女座。


适配三星Galaxy S8及S8+
网络图片

其实解决APP显示问题,除了第三方应用自行适配S8之外,S8自己也可以进行调节,S8有一个功能叫做“全屏应用程序”;通过设置“全屏应用程序”既节省了用户等待应用适配的过程,也大大增加了用户体验。

适配三星Galaxy S8及S8+
网络图片

打开全屏应用之后,效果显而易见:

适配三星Galaxy S8及S8+
WechatIMG189.jpeg

无奈Android手机就是这样,不是太省心,用户要有点小智商才行,还是iphone比较省心,但是大部分人应该还是跟上面那位处女座一样的,我们不能要求每个用户都去手动打开全屏应用来适配APP显示,作为开发者我们还是要主动去做好适配。

下面我们以开发者的身份去分析下这个问题,究其根本这个适配不过是个显示的问题,我们只需要让APP充满全屏就可以,所以我做了如下尝试:

1:给Activity设置各种noTitlebar,FullScreen,不起作用;
2:替换各种style样式,不起作用;
3:修改targetSdkVersion, compileSdkVersion为高版本,依然不起作用。

通过观察发现,凡是完美适配了18.5比9屏幕的App,在系统中已经默认是全屏应用程序了,选择框灰掉无法点击。

适配三星Galaxy S8及S8+
Screenshot_20170701-161359.png

而没有做好适配的App默认是没有打开全屏应用的,用户可以自行随意选择打开或者关闭,从截图我们看出很多大厂出品的App还没有做好适配

适配三星Galaxy S8及S8+
Screenshot_20170701-162730.png

所以判断系统应该是通过检测某个属性或者权限来区分当前App是否做好了适配。最后我们找到了"android.max_aspect"这个属性。
开发者只需在App的AndroidManifest.xml文件<application> </application>中添加如下代码:
<meta-data android:name="android.max_aspect" android:value="2.1" />

适配三星Galaxy S8及S8+
android.max_aspect.png

对只要这一行代码就搞定三星S8的适配,所以前面都是废话,你要的代码就这一行,快快粘贴复制到你的代码中吧。

Android 标准接口中,支持应用声明其支持的最大屏幕高宽比(maximum aspect ratio)。具体声明如下,其中的 ratio_float 被定义为是高除以宽,以16:9为例,ratio_float = 16/9 = 1.778 (18.5:9则为2.056)。
<meta-data android:name="android.max_aspect"
android:value="ratio_float" />
若开发者没有声明该属性,ratio_float 的默认值为1.86,小于2.056,因此这类应用在三星S8上,默认不会全屏显示,屏幕两边会留黑。