android 启动图设置

原创

mob64ca12dc88a3 2024-09-01 05:22:55 ©著作权

文章标签 启动图 Android xml 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12dc88a3的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 启动图设置详解

在 Android 开发中，启动图（Splash Screen）是用户启动应用时首先见到的界面，它起到了为应用加载资源和展示品牌的作用。本文将详细介绍如何在 Android 应用中设置启动图，并提供相关的代码示例。

启动图的意义

启动图不仅可以优化用户体验，还能在一定程度上提升应用的品牌认知度。

通常情况下，启动图会展示应用的 logo、名称等信息，以便在应用打开时吸引用户注意。

创建启动图

1. 准备资源

首先，你需要准备启动图的图像资源，通常在 res/drawable 文件夹中进行管理。确保图像分辨率适配不同尺寸的设备。

2. 添加启动图样式

在 res/values/styles.xml 文件中，你需要定义一个启动图的样式：

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:windowBackground">@drawable/splash_screen</item>
        <item name="android:windowNoTitle">true</item>
    </style>
</resources>

在上面的代码中，@drawable/splash_screen 指向你的启动图像文件。你可以根据自己的需求修改其他样式属性。

3. 设置启动图为应用主题

接下来，确保在 AndroidManifest.xml 文件中应用这个主题:

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:roundIcon="@mipmap/ic_launcher_round"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <activity
        android:name=".MainActivity">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
</application>

启动图的逻辑

在 MainActivity.java 中，可以设置启动图的持续显示时间，通常使用 Handler 来实现。这使得应用在准备内容时能够保持启动图可见。

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                // 启动主界面
                Intent intent = new Intent(MainActivity.this, HomeActivity.class);
                startActivity(intent);
                finish();
            }
        }, 3000); // 延时3秒，便于用户观看启动图
    }
}

在这个例子中，应用会在启动图上停留 3 秒钟，然后跳转到主界面。

使用Jetpack Compose设置启动图

如果你正在使用 Jetpack Compose 开发应用，你可以利用 LaunchedEffect 来设置启动图，比如：

@Composable
fun SplashScreen(onTimeout: () -> Unit) {
    Box(modifier = Modifier.fillMaxSize()) {
        Image(
            painter = painterResource(id = R.drawable.splash_screen),
            contentDescription = null,
            modifier = Modifier.fillMaxSize()
        )
        // 当应用加载完成后，调用回调函数
        LaunchedEffect(Unit) {
            delay(3000) // 停留3秒
            onTimeout()
        }
    }
}

旅行图

在设计启动图的过程中，可以将其视为一个用户旅行的起点。以下是用户从打开应用到看到主界面的旅程图示：

journey
    title 用户启动应用旅程
    section 启动应用
      应用图标点击: 5: 用户
      加载启动图界面: 3: 应用
    section 启动图展示
      显示启动图: 5: 应用
      等待3秒: 2: 应用
    section 进入主界面
      跳转到主界面: 5: 应用
      用户查看内容: 3: 用户