❤️Android 12 启动画面-SplashScreen ❤️

Android帅次
15,613 阅读6分钟

「这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战」

🔥 Android 12 新功能

应用启动画面 - Android 12 还为所有的应用带来了新的启动画面。应用也可以通过多种方式来定制启动画面，以彰显其独有的品牌个性。

🔥 启动画面

Android 12 添加了 SplashScreen API ，它可为所有应用启用新的应用启动动画。如下图，默认情况下，使用启动图标。

🔥 启动画面的工作原理

出现的场景：

  • 开机第一次启动应用

  • 用户杀死进程

  • 系统回收了应用内存(进程被杀死)。

就是应用程序的进程不存在或被杀死，用户再次打开应用就会启动这个启动画面。

启动画面加载结束后，显示我们的Activity(MAIN)界面。

关于应用启动模式可以参考：Android 性能优化之启动优化。

🔥 启动动画结构

它们由窗口背景(4)、应用图标(1)(静态动态两种)、图标背景(3) 还有底部的图片(谷歌不推荐使用) 组成：

关于这些元素，请注意以下几点：

  • 中心图标 (1) ：

    • 矢量可绘制对象；
    • 静态或动画形式；
    • 时间不超过 1000 毫秒；
    • 默认情况下，使用启动图标。
    • 内容需要保留2/3的内边距，否则图标会被裁剪掉。

  • 图标背景 (2)(可选) ：

    • 中心图标透明背景：有效；
    • 中心图标非透明背景：有效，被图标背景遮挡效果无法看出(等同失效，还不如不设置)。

  • 与自适应图标一样，前景的三分之一被屏蔽(3)。

  • 窗口背景(4)：由不透明的单色组成。

启动画面动画机制由进入动画和退出动画组成：

  • 进入动画由系统视图到启动画面组成。这由系统控制且不可自定义。

  • 退出动画由隐藏启动画面的动画运行组成，可以对其自定义。当动画完成时，需要手动移除启动画面。

🔥 自定义应用中的启动画面

💥 设置主题属性以更改其外观

🌀 设置启动画面背景颜色

设置了淡紫色的背景图。

效果图：

代码如下：

    <style name="Theme.SccMall.SplashScreen">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowSplashScreenBackground">@color/splash_screen_background</item>
    </style>

AndroidManifest.xml设置主题：

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/Theme.SccMall.SplashScreen">
    </application>

🌀 设置中间显示的图标

中心图标大图，内容需要保留2/3的内边距，否则图标会被裁剪掉。

设置透明的静态图标

图标如下：

效果图：

代码如下：

    <style name="Theme.SccMall.SplashScreen">
        ...
        <item name="android:windowSplashScreenAnimatedIcon">drawable/iv_splash_animation1</item>
    </style>

设置透明的动态图标

效果图：

代码如下：

    <style name="Theme.SccMall.SplashScreen">
        ...
        <item name="android:windowSplashScreenAnimatedIcon">@drawable/splash_animate_icon</item>
        <item name="android:windowSplashScreenAnimationDuration">1000</item>
    </style>

splash_animate_icon.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/iv_1" android:duration="250"/>
    <item android:drawable="@drawable/iv_2" android:duration="250"/>
    <item android:drawable="@drawable/iv_3" android:duration="250"/>
    <item android:drawable="@drawable/iv_4" android:duration="250"/>
</animation-list>

🌀 设置图标的背景颜色

设置了紫色的图标背景颜色。如果图标背景不透明，会被遮挡效果无法看出。

效果图:

代码如下：

    <style name="Theme.SccMall.SplashScreen">
        ...
        <item name="android:windowSplashScreenIconBackgroundColor">@color/splash_screen_icon_background</item>
    </style>

🌀 画面底部的图片(尺寸比例需要为 2.5:1，谷歌不推荐用)

效果图：

这里使用的尺寸是500:200。

代码如下：

    <style name="Theme.SccMall.SplashScreen">
        ...
        <item name="android:windowSplashScreenBrandingImage">@mipmap/iv_splash_screen_brandingimage</item>
        
    </style>

💥 最终效果

效果：

代码如下：

    <style name="Theme.SccMall.SplashScreen">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <!-- 启动画面背景颜色 -->
        <item name="android:windowSplashScreenBackground">@color/splash_screen_background</item>
        <!-- 启动画面中间显示的图标，默认使用应用图标 -->
        <item name="android:windowSplashScreenAnimatedIcon">@drawable/iv_splash_animation1</item>
        <!-- 启动画面中间显示的图标的背景，如果图标背景不透明则无效 -->
        <item name="android:windowSplashScreenIconBackgroundColor">@color/splash_screen_icon_background</item>
        <!-- 启动画面启动画面底部的图片。 -->
        <item name="android:windowSplashScreenBrandingImage">@mipmap/iv_splash_screen_brandingimage</item>
        <!-- 启动画面在关闭之前显示的时长。最长时间为 1000 毫秒。 -->
        <item name="android:windowSplashScreenAnimationDuration">1000</item>
    </style>

💥 让其在屏幕上显示更长时间

启动画面最长1000毫秒。如果你的广告页需要更多时间来加载数据，谷歌也提供了让其显示更长时间的方法，咱们一起来试试。

效果：

跟上面对比明显发现时间延长了不少。

代码如下：

public class AdvertiseActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ...
        //延长启动画面显示时间
        extendDisplayTime();
    }
    //延长启动画面显示时间
    private void extendDisplayTime() {
        MyViewModel myViewModel = new MyViewModel(getApplication());
        // Set up an OnPreDrawListener to the root view.
        final View content = findViewById(android.R.id.content);
        content.getViewTreeObserver().addOnPreDrawListener(
                new ViewTreeObserver.OnPreDrawListener() {
                    @Override
                    public boolean onPreDraw() {
                        // 检查初始数据是否准备好。
                        if (myViewModel.isReady()) {
                            // 取消挂起，内容准备好了。
                            content.getViewTreeObserver().removeOnPreDrawListener(this);
                            return true;
                        } else {
                            // 挂起，内容未准备好。
                            return false;
                        }
                        //如果仅return false,则会产生一个永久显示SplashScreen的效果。
                    }
                });
    }

    public class MyViewModel extends AndroidViewModel {
        public MyViewModel(Application application) {
            super(application);
        }
        private long startUptimeMillis = SystemClock.uptimeMillis();
        public boolean isReady(){
            return SystemClock.uptimeMillis()-startUptimeMillis>3000;
        }
    }
}

💥 自定义用于关闭启动画面的动画

效果：

代码如下：

public class AdvertiseActivity extends AppCompatActivity {
    ActivityAdvertiseBinding binding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ...
        //关闭动画
        spplashScreenCloseAnimation();
    }
    private void spplashScreenCloseAnimation(){
        //添加一个回调，当启动画面为应用内容设置动画时调用。
        getSplashScreen().setOnExitAnimationListener(splashScreenView -> {
            final ObjectAnimator slideUp = ObjectAnimator.ofFloat(
                    splashScreenView,
                    View.TRANSLATION_Y,
                    0f,
                    -splashScreenView.getHeight()
            );
            slideUp.setInterpolator(new AnticipateInterpolator());
            slideUp.setDuration(2000);

            // 在自定义动画结束时调用splashScreenView.remove();
            slideUp.addListener(new AnimatorListenerAdapter() {
                @Override
                public void onAnimationEnd(Animator animation) {
                    //移除启动画面
                    splashScreenView.remove();
                }
            });

            // 启动动画
            slideUp.start();
        });
    }
}

🔥 低版本适配

效果(Android 5.1)

因为SplashScreen是在Android 12中才新增加的功能。所以在 Android 5.1 上面没有效果。如果调用getSplashScreen()等 Android 12的新方法等会直接崩溃。

其实，有很多的App之前，就已经自己实现了SplashScreen功能。

那么自己实现的 SplashScreen 和官方提供的 SplashScreen 如何兼容？ Android 12 是强制使用，如果不设置就使用默认应用图标。所以，如果你的代码中还保留着过去自己实现的那一套SplashScreen，在Android 12中就会出现双重SplashScreen的现象。

因此这里可能就需要根据版本来做特殊处理了，要不就跟上面Demo一样，先显示一个SplashScreenView，后面跟个AdvertiseActivity(广告界面？)。

那如果去除自己的 AdvertiseActivity 低版本的要怎么办？我们能想到的，谷歌大佬也能想到。

Google在AndroidX中提供了一个向下兼容的SplashScreen库。根据官方的说法，我们只要使用这个库就可以轻松解决旧版SplashScreen的适配问题。

💥 SplashScreen 库

SplashScreen 库 是 SplashScreen API 的向下兼容类。

使用时需要注意以下内容:

  • 启动画面可用，但是动画以及图片裁剪(切圆)无效
  • Activity的主题必须以 R.style.Theme.SplashScreen 为父级
  • 需要设置 R.attr.windowSplashScreenAnimatedIcon 和 R.attr.postSplashScreenTheme 属性
  • 从 API 23 开始兼容所有新 Splash Screen API，图标背景除外。

💥 使用 SplashScreen 库

🌀 导入库

最新版本

android {
    compileSdkVersion 31
}

dependencies {
    implementation 'androidx.core:core-splashscreen:1.0.0-alpha01'
}

🌀 设置主题

    <style name="Theme.SccMall.Other">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        ...
    </style>
    <style name="Theme.SccMall.SplashScreen" parent="Theme.SplashScreen">
        <!-- 向下兼容。 -->
        <item name="windowSplashScreenBackground">@color/splash_screen_background</item>
        <item name="windowSplashScreenAnimatedIcon">@drawable/iv_1</item>
        <item name="postSplashScreenTheme">@style/Theme.SccMall.Other</item>
    </style>

需要注意他们前面都没有 android:。

windowSplashScreenBackground：启动画面背景颜色。

windowSplashScreenAnimatedIcon：启动画面中心的图标。

postSplashScreenTheme：指定成你的App原来的主题。这样，当SplashScreen结束时，你的主题就能够被复原，从而不会影响到你的App的主题外观。

🌀 设置AndroidManifest.xml

    <application
        ...
        android:theme="@style/Theme.SccMall.SplashScreen">
        
    </application>

我这里就在原来的名字改，所以不用重设

🌀 Activity 中设置 SplashScreen

public class AdvertiseActivity extends AppCompatActivity {
    ActivityAdvertiseBinding binding;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        SplashScreen.installSplashScreen(this);
        binding = ActivityAdvertiseBinding.inflate(getLayoutInflater());
        setContentView(binding.getRoot());
        binding.tvSplashJumpOver.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(AdvertiseActivity.this,"我要跳过",Toast.LENGTH_SHORT).show();
            }
        });
    }
}

一定要加入到setContentView()的前面。

当然加入了你Android 12 功能还是不能使用(如延长启动画面显示时间等)。

🌀 运行效果

Android 22(5.1.1)

就看到了背景色，连中心的图标都没生效。

Android 29(10)

背景颜色有了，中心图标也出现了，主题也改回去了。

但是Android 12的部分功能丢失。

🌀 小结

  • Android SDK <23：中心图标都没有

  • 23 < Android SDK <31 ：中心图标未进行切圆

  • Android SDK >=31 ：新版本的方法无法使用

🔥 Android 5.0 - Android 12的兼容

💥 不进行处理，Android12 默认启动短暂的启动画面。

💥 在使用 SplashScreen 库的基础上修改

🌀 主题修改

针对 Android 31 新建一个values-v31里面放定制的Theme.SccMall.SplashScreen。

同时新增

<item name="postSplashScreenTheme">@style/Theme.SccMall.Other</item>

🌀 Activity修改

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        SplashScreen.installSplashScreen(this);
        binding = ActivityAdvertiseBinding.inflate(getLayoutInflater());
        setContentView(binding.getRoot());
        ...
        //根据版本判断是否使用此方法。
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
            extendDisplayTime();
            splashScreenCloseAnimation();
        }
    }

🌀 运行效果

Android 12:自定义应用中的启动画面中有运行效果展示。

其他版本：使用 SplashScreen 库的运行效果图。

就不在这里粘图浪费大家时间了，亲测有效。

avatar
文章
阅读
粉丝