全面解析安卓启动画面:设计原则、实现方法与最佳实践

安卓启动画面是用户在应用程序启动时看到的第一个界面。启动画面是应用程序中最重要的界面之一,因为它是用户对应用程序的首次体验。启动画面通常用于展示应用程序的标志或相关动画,同时在后台加载下一个界面所需的数据。

安卓启动画面

android splash screen
<!-- 安卓应用启动器Intent过滤器 -->
<intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>

安卓启动画面示例项目结构

android splash screen example project structure

经典风格启动画面

SplashActivity.java 是实现启动画面的活动类。

package com.Olivia.splashscreen;

import android.content.Intent;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class SplashActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);

        new Handler().postDelayed(new Runnable() {


            @Override
            public void run() {
                // 定时器结束后执行此方法
                Intent i = new Intent(SplashActivity.this, MainActivity.class);
                startActivity(i);
                finish();
            }
        }, 5000); // 5秒延迟
    }
}

以下是我们通常创建启动画面布局的方式:activity_splash.xml。

<?xml version="1.0" encoding="utf-8"?>
<!-- 启动画面布局文件 -->
<android.support.constraint.ConstraintLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:app="https://schemas.android.com/apk/res-auto"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black"
    tools:context="com.Olivia.splashscreen.SplashActivity">

    <!-- 应用图标 -->
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="72dp"
        android:layout_height="72dp"
        android:src="@mipmap/ic_launcher"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />


    <!-- 加载进度条 -->
    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminate="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        android:layout_marginTop="8dp"
        app:layout_constraintTop_toBottomOf="@id/imageView" />

</android.support.constraint.ConstraintLayout>
android splash screen android studio classical approach

安卓启动画面的正确实现方法

冷启动问题是因为应用程序需要时间来加载启动画面的布局文件。因此,我们不创建单独的布局,而是利用应用程序主题来创建初始界面。应用程序主题在创建布局之前就已经实例化。我们将在android:windowBackground属性中设置一个包含活动背景和图标的drawable资源,使用layer-list创建splash_background.xml文件,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<!-- 启动画面背景层列表 -->
<layer-list xmlns:android="https://schemas.android.com/apk/res/android">

    <!-- 背景颜色 -->
    <item android:drawable="@android:color/black" />
    <item>
        <!-- 居中显示的应用图标 -->
        <bitmap
            android:gravity="center"
            android:src="@mipmap/ic_launcher" />
    </item>
</layer-list>

接下来,我们在styles.xml文件中定义以下样式并设置为活动的主题:

<!-- 启动画面主题样式 -->
<style name="SplashTheme" parent="Theme.AppCompat.NoActionBar">
        <item name="android:windowBackground">@drawable/splash_background</item>
    </style>

优化后的SplashActivity.java文件应该如下所示:

package com.Olivia.splashscreen;

import android.content.Intent;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class SplashActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // 注意:这里不再需要设置布局文件,因为背景已经在主题中定义

        new Handler().postDelayed(new Runnable() {


            @Override
            public void run() {
                // 定时器结束后执行此方法,跳转到主界面
                Intent i = new Intent(SplashActivity.this, MainActivity.class);
                startActivity(i);
                finish();
            }
        }, 5000); // 5秒延迟
    }
}
android splash screen example android studio

您可以从以下链接下载完整的安卓启动画面示例项目:

bannerAds