手淘启动页全面屏和虚拟键适配

最新推荐文章于 2024-07-03 14:18:25 发布

陆云帆

最新推荐文章于 2024-07-03 14:18:25 发布

阅读量4.6k

点赞数 2

分类专栏： Android 文章标签： Android 屏幕适配全面屏虚拟键

本文链接：https://blog.csdn.net/lulicheng/article/details/78665350

版权

本文介绍了在Android平台下，针对全面屏和虚拟键的启动页适配方案，包括选择适合尺寸的图片、利用9-Patch进行适配以及探索有效的可拉伸区域，以实现启动页的完美显示。

摘要由CSDN通过智能技术生成

背景

华为对新发布的机器进行适配测试，发现手淘存在全面屏适配问题，随后还附了个3页的文档，文档比较粗泛的描述了一下不适配将会存在的问题，适配可以采取的措施，以及Google开发者文档。简单来说，因为全面屏长宽比大于16：9的标准屏，如果不做全面屏适配，会出现上下方黑边，对于全屏设置背景的图片，可能出现上下拉伸效果，体现到手淘上是这样的：

随后google了一下全面屏适配，果然发现其他厂商也有同样的问题，比如小米全面屏适配文档，就点名了今日头条的黑边：

和手机淘宝的拉伸：

随后贴出了完美适配过的王者荣耀：

打脸啪啪啪啊，再一看适配文档日期，居然这个问题存在了大半年，不禁为用户捏了把汗。。。
再来看下某东的闪屏页，中规中矩，没这个毛病：

淘宝好歹也是大厂，首屏就输给了某东，这个我服~~~~

开始适配

既然问题存在，那就开干吧，按照华为文档的说法是：

也就是说，只要在application全局添加android.max_aspect属性即可，so eazy！但随后打开主工程的AndroidManifest.xml，看到android.max_aspect已经存在，时间是2017-06-01。确认了一下google 开发者文档，targetSdkVersion=23是Ok的，也就是说之前做过全面屏适配，只是启动页被忽视掉了。那对于启动页这种纯图片背景的怎么适配呢？在文档中看到这么一句话：

再看一下启动页的代码实现，本质上是定义了一个Theme.Welcome，然后将Theme.Welcome设置到Application，这样就实现了图片打底的特效，研究了一番Theme的适配属性，发现不存在类似于CENTER_CROP效果的（组合）属性。那既然使用ImageView承接可以实现，何不将启动页改造成ImageView来实现闪屏的效果呢？说干就干，写了一个很简单的Demo，设置好ImageView的属性，如下：

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/aab