带你一步步实现android引导页面

最新推荐文章于 2021-05-26 03:17:45 发布

原创

最新推荐文章于 2021-05-26 03:17:45 发布 · 1.3w 阅读

21 ·

CC 4.0 BY-SA版权

文章标签：

#android #引导页

本文详细介绍了如何在Android Studio中创建并实现引导页面，包括创建新项目、设置颜色值、使用SharedPreferences管理用户状态、设计布局以及在WelcomeActivity中处理逻辑。通过这些步骤，可以为应用创建吸引人的首次使用体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

当你第一次打开一款应用的时候常常会看到精美的引导页设计，它们在你未使用产品之前提前告知你产品的主要功能与特点，第一次印象的好坏会极大地影响到后续的产品使用体验。因此各个公司都在努力将这几个页面设计好，从一开始就引人入胜。那接下来我就来一步步实现引导页的功能。

效果图

这里写图片描述

实现步骤

创建新项目:

在Android Studio中新建项目，添加引导页所需图片

设置values值

给你的引导页设置背景颜色及滑动时圆点的颜色，在 colors.xml 中添加如下颜色值：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>

    <!-- Screens background color-->
    <color name="bg_screen1">#f64c73</color>
    <color name="bg_screen2">#20d2bb</color>
    <color name="bg_screen3">#3395ff</color>
    <color name="bg_screen4">#c873f4</color>
    <color name="bg_screen5">#f59825</color>

    <!-- dots inactive colors -->
    <color name="dot_dark_screen1">#d1395c</color>
    <color name="dot_dark_screen2">#14a895</color>
    <color name="dot_dark_screen3">#2278d4</color>
    <color name="dot_dark_screen4">#a854d4</color>
    <color name="dot_dark_screen5">#f57f17</color>

    <!-- dots active colors -->
    <color name="dot_light_screen1">#f98da5</color>
    <color name="dot_light_screen2">#8cf9eb</color>
    <color name="dot_light_screen3">#93c6fd</color>
    <color name="dot_light_screen4">#e4b5fc</color>
    <color name="dot_light_screen5">#fbc02d</color>

    <array name="array_dot_active">
        <item>@color/dot_light_screen1</item>
        <item>@color/dot_light_screen2</item>
        <item>@color/dot_light_screen3</item>
        <item>@color/dot_light_screen4</item>
        <item>@color/dot_light_screen5</item>
    </array>

    <array name="array_dot_inactive">
        <item>@color/dot_dark_screen1</item&