用SplashScreen做一个会动的开屏

2024-02-01 23:45:09

作为一名技术达人，我总是热衷于探索新的工具和技术。在最近的一次安卓开发项目中，我偶然发现了安卓12中的一个令人兴奋的新功能：SplashScreen。

SplashScreen顾名思义，是一个在应用程序启动时显示的屏幕，它可以帮助为用户提供流畅无缝的体验。更棒的是，安卓12还允许我们在SplashScreen中添加动画，从而让开屏变得更加引人注目。

那么，如何用SplashScreen做一个会动的开屏呢？

第一步：启用SplashScreen

在项目的AndroidManifest.xml文件中，添加以下代码启用SplashScreen：

<application
    android:name=".MyApplication"
    android:label="@string/app_name"
    android:theme="@style/Theme.MyApp"
    android:allowBackup="true"
    android:splashScreenTheme="@style/Theme.SplashScreen">

    <!-- 其它代码 -->
</application>

第二步：创建SplashScreen主题

在项目中的values/styles.xml文件中，创建名为Theme.SplashScreen的主题：

<style name="Theme.SplashScreen">
    <item name="android:windowSplashScreenBackground">@drawable/splash_background</item>
    <item name="android:windowSplashScreenAnimatedIcon">@drawable/splash_icon</item>
</style>

在上述代码中，splash_background是开屏的背景图片，而splash_icon则是动画图标。

第三步：创建开屏背景和动画图标

创建splash_background.xml作为开屏背景：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <color android:color="@color/primary" />
    </item>
</layer-list>

创建splash_icon.xml作为动画图标：

<?xml version="1.0" encoding="utf-8"?>
<animated-vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/ic_app_logo">
    <target android:name="logo"
        android:animation="@anim/splash_icon_anim" />
</animated-vector>

在splash_icon_anim.xml中定义动画：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <alpha
        android:fromAlpha="0"
        android:toAlpha="1"
        android:duration="500" />
    <scale
        android:fromXScale="0"
        android:fromYScale="0"
        android:toXScale="1"
        android:toYScale="1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:duration="500" />
</set>