Android 12 启动画面-SplashScreen

Posted 2021-12-05 帅次

🔥 android 12 新功能

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

🔥 启动画面

        Android 12 添加了 SplashScreen API ，它可为所有应用启用新的应用启动动画。这包括启动时的进入应用运动、显示应用图标的启动画面，以及向应用本身的过渡。

默认情况下，使用启动图标。

🔥 启动画面的工作原理

        当用户启动应用而应用的进程未在运行（冷启动）或 Activity 尚未创建（温启动）时，会发生以下事件。（在热启动期间从不显示启动画面。）

• 系统使用主题以及您已定义的任何动画显示启动画面。

• 当应用准备就绪时，会关闭启动画面并显示应用。

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

🔥 动画的元素和机制

        动画的元素由 Android 清单中的 XML 资源文件定义。每个元素都有浅色模式和深色模式版本。

        它们由窗口背景、动画形式的应用图标和图标背景组成：

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

• 应用图标 (1) 应该是矢量可绘制对象，它可以是静态或动画形式。不超过 1000 毫秒。默认情况下，使用启动图标。

• 图标背景 (2) 是可选的，在图标与窗口背景之间需要更高的对比度时很有用。如果您使用一个自适应图标，当该图标与窗口背景之间的对比度足够高时，就会显示其背景。

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

• 窗口背景 (4) 由不透明的单色组成。如果窗口背景已设置且为纯色，则未设置相应的属性时默认使用该背景。

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

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

• 退出动画由隐藏启动画面的动画运行组成，可以对其自定义。如果你要对其进行自定义，你将可以访问 SplashScreenView 及其图标，并且可以在它们之上运行任何动画（需要设置转换、不透明度和颜色）。在这种情况下，当动画完成时，需要手动移除启动画面。

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

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

🌀 设置启动画面背景颜色

        设置了淡紫色的背景图。

效果图：

代码如下：

    <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 库

API 31 中引入的 SplashScreen API 的兼容类。

在 API 31+ (Android 12+) 上，此类调用平台方法。

在 API 31 之前，平台行为被复制，但启动屏幕上的动画矢量可绘制支持除外。

要使用该类，需要将启动Activity的主题设置为 R.style.Theme_SplashScreen 为其父级，并且需要设置 R.attr.windowSplashScreenAnimatedIcon 和 R.attr.postSplashScreenTheme 属性。

也就是说这个库是用来向下兼容，需要注意一下内容:

• 启动画面的中心图标动画(失效)

• Activity的主题必须以 R.style.Theme_SplashScreen 为父级

• 从 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 库的运行效果图。

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