前言
Material Design 是在 Android L 推出的设计风格,因此本文中的引导页制作也是基于 Android L 进行。我们先看下 Google Drive 的引导页。
可以看出,当进行页面滑动时,背景颜色由前一页过渡到下一页,我们也将要实现类似的效果,使用 ViewPager + Fragment (共3页) 。
创建
- 添加 support libraries
dependencies {
compile 'com.android.support:appcompat-v7:25.3.1'
compile 'com.android.support:design:25.3.1'
...
}
- 新建引导页 Activity (本文 GuideActivity) 及相关 Theme。如
<style name="GuideTheme"
parent="Theme.AppCompat.DayNight.NoActionBar">
//沉浸状态栏,将状态栏填充
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowTranslucentStatus">true</item>
</style>
底部导航样式
1.上一页 Button(第一页时隐藏);
2.圆点指示器;
3.下一页 Button 及 进入登录界面 Button(默认隐藏)。Activity Layout
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="com.snow.guidepage.GuideActivity">
<android.support.v4.view.ViewPager
android:id="@+id/view_pager"
android:layout_width="0dp"
android:layout_height="0dp"
android:overScrollMode="never"
android:paddingBottom="?attr/actionBarSize"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_