Android 12 启动画面-SplashScreen

Posted 帅次

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android 12 启动画面-SplashScreen相关的知识,希望对你有一定的参考价值。

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

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

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

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

要使用该类,需要将启动Activity的主题设置为 R.style.Theme_SplashScreen 为其父级,并且需要设置 R.attr.windowSplashScreenAnimatedIconR.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:自定义应用中的启动画面中有运行效果展示。

低于Android 12:使用 SplashScreen 库的运行效果图。

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

以上是关于Android 12 启动画面-SplashScreen的主要内容,如果未能解决你的问题,请参考以下文章

Android 12 启动画面-SplashScreen

Android 12之启动画面Splash Screens -- 适配

Android 12 启动画面 API 定制

Android 12上全新的应用启动画面,还不适配一下?

Android 12 新APP启动画面(SplashScreen API)简介&&源码分析

Phonegap - 为 Android 应用添加启动画面