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.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:自定义应用中的启动画面中有运行效果展示。
低于Android 12:使用 SplashScreen 库的运行效果图。
就不在这里粘图浪费大家时间了,亲测有效。
以上是关于Android 12 启动画面-SplashScreen的主要内容,如果未能解决你的问题,请参考以下文章
Android 12之启动画面Splash Screens -- 适配