Android开发之splash界面下详解及实例

现在刚下载的很多APP应用第一次打开都会在进入主界面之前有导航页，用来展示公司logo，或者推广自身这款APP。先上效果图：

首先解释一下：支持进入首页只能往右滑动，中间可以左右滑动，最后一张只能向前滑动，点击立即体验会进入主界面，点击跳过也会进入到主界面。接下来上代码。

1，在app/build.gradle中的闭包中加入：

compile 'cn.bingoogolapple:bga-banner:2.1.6@aar'
compile 'com.android.support:support-v4:24.1.0'

2，布局文件:activity_splash.xml。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_splash"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context="com.gyq.cloudreader.SplashActivity">

  <cn.bingoogolapple.bgabanner.BGAGuideLinkageLayout style="@style/MatchMatch">

    <cn.bingoogolapple.bgabanner.BGABanner
      android:id="@+id/banner_guide_background"
      style="@style/MatchMatch"
      app:banner_pageChangeDuration="1000"
      app:banner_pointAutoPlayAble="false"
      app:banner_pointContainerBackground="@android:color/transparent"
      app:banner_pointDrawable="@drawable/bga_banner_selector_point_hollow"
      app:banner_pointTopBottomMargin="15dp"
      app:banner_transitionEffect="fade"/>

    <cn.bingoogolapple.bgabanner.BGABanner
      android:id="@+id/banner_guide_foreground"
      style="@style/MatchMatch"
      app:banner_pageChangeDuration="1000"
      app:banner_pointAutoPlayAble="false"
      app:banner_pointContainerBackground="@android:color/transparent"
      app:banner_pointDrawable="@drawable/bga_banner_selector_point_hollow"
      app:banner_pointTopBottomMargin="15dp"
      app:banner_transitionEffect="alpha"/>
  </cn.bingoogolapple.bgabanner.BGAGuideLinkageLayout>

  <TextView
    android:id="@+id/tv_guide_skip"
    style="@style/WrapWrap"
    android:layout_alignParentRight="true"
    android:layout_marginRight="8dp"
    android:layout_marginTop="8dp"
    android:clickable="true"
    android:padding="4dp"
    android:text="跳过 >"
    android:textColor="@android:color/white"
    android:textSize="16sp"/>

  <Button
    android:id="@+id/btn_guide_enter"
    style="@style/WrapWrap"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:layout_marginBottom="60dp"
    android:background="@drawable/selector_btn_test"
    android:padding="10dp"
    android:text="立即体验"
    android:textColor="@android:color/white"
    android:textSize="20sp"
    android:visibility="gone"
    tools:visibility="visible"/>

</RelativeLayout>

3，逻辑代码，SplashActivity.java

package com.gyq.cloudreader;

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

import cn.bingoogolapple.bgabanner.BGABanner;

/**
 * 引导界面
 */
public class SplashActivity extends AppCompatActivity {
  private BGABanner mBackgroundBanner;
  private BGABanner mForegroundBanner;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_splash);

    initView();

    initListener();

    processLogic();

  }

  private void initView() {
    mBackgroundBanner = (BGABanner)findViewById(R.id.banner_guide_background);
    mForegroundBanner = (BGABanner)findViewById(R.id.banner_guide_foreground);
  }

  private void initListener() {
    mForegroundBanner.setEnterSkipViewIdAndDelegate(R.id.btn_guide_enter, R.id.tv_guide_skip, new BGABanner.GuideDelegate() {
      @Override
      public void onClickEnterOrSkip() {
        startActivity(new Intent(SplashActivity.this, MainActivity.class));
        finish();
      }
    });

  }

  private void processLogic() {
    //设置数据源
    mBackgroundBanner.setData(R.drawable.uoko_guide_background_1,R.drawable.uoko_guide_background_2,R.drawable.uoko_guide_background_3);
    mForegroundBanner.setData(R.drawable.uoko_guide_foreground_1,R.drawable.uoko_guide_foreground_2,R.drawable.uoko_guide_foreground_3);
  }

  @Override
  protected void onResume() {
    super.onResume();

    // 如果开发者的引导页主题是透明的，需要在界面可见时给背景 Banner 设置一个白色背景，避免滑动过程中两个 Banner 都设置透明度后能看到 Launcher
    mBackgroundBanner.setBackgroundResource(android.R.color.white);
  }
}

小结：记得以前写一个这样的引导页，还需要自己手写半天，现在有开源啦！看上面的代码我想你应该已经知道了这个就是用的BGABanner来实现的。不过还有点小细节。

1，布局文件中的style=”@style/WrapWrap”，我们需要在values文件夹下新建一个styles_base.xml。

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">

  <style name="WrapMatch">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">match_parent</item>
  </style>

  <style name="MatchWrap">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">wrap_content</item>
  </style>

  <style name="WrapWrap">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_height">wrap_content</item>
  </style>

  <style name="MatchMatch">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">match_parent</item>
  </style>

  <style name="MatchAuto">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_weight">1</item>
    <item name="android:layout_height">0dp</item>
  </style>

  <style name="AutoMatch">
    <item name="android:layout_width">0dp</item>
    <item name="android:layout_weight">1</item>
    <item name="android:layout_height">match_parent</item>
  </style>

  <style name="WrapAuto">
    <item name="android:layout_width">wrap_content</item>
    <item name="android:layout_weight">1</item>
    <item name="android:layout_height">0dp</item>
  </style>

  <style name="AutoWrap">
    <item name="android:layout_width">0dp</item>
    <item name="android:layout_weight">1</item>
    <item name="android:layout_height">wrap_content</item>
  </style>

  <style name="WrapMatch.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="WrapMatch.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="MatchWrap.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="MatchWrap.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="WrapWrap.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="WrapWrap.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="MatchMatch.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="MatchMatch.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="MatchAuto.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="MatchAuto.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="AutoMatch.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="AutoMatch.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="WrapAuto.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="WrapAuto.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="AutoWrap.Vertical">
    <item name="android:orientation">vertical</item>
  </style>

  <style name="AutoWrap.Horizontal">
    <item name="android:orientation">horizontal</item>
  </style>

  <style name="MatchOne">
    <item name="android:layout_width">match_parent</item>
    <item name="android:layout_height">1px</item>
  </style>

  <style name="OneMatch">
    <item name="android:layout_width">1px</item>
    <item name="android:layout_height">match_parent</item>
  </style>
</resources>

还有styles.xml文件中添加如下代码，这样可以整个屏幕显示：

<resources>

  <!-- Base application theme. -->
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
  </style>

  <!--避免第一次进来白屏或黑屏-->
  <style name="AppTheme.Splash">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:colorBackgroundCacheHint">@null</item>
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
  </style>

</resources>

最后清单文件，注册SplashActivity是写如下代码。

<activity android:name=".SplashActivity"
      android:label="@string/app_name"
      android:screenOrientation="portrait"
      android:theme="@style/AppTheme.Splash">
      <intent-filter>
        <action android:name="android.intent.action.MAIN" />

        <category android:name="android.intent.category.LAUNCHER" />
      </intent-filter>
    </activity>

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# Android  # splash界面  # splash界面详解及实例  # Android Splash界面白屏、黑屏问题的解决方法  # 跳过  # 我想  # 也会  # 会在  # 这款  # 半天  # 希望能  # 还需要  # 你应该  # 谢谢大家  # 来实现  # 首页  # 开源  # 过程中  # 新建一个  # 黑屏  # 往右  # 包中  # 知道了  # 看上面 

相关文章： 如何选择适合PHP云建站的开源框架？  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  如何通过山东自助建站平台快速注册域名？  学校建站服务器如何选型才能满足性能需求？  c# 在高并发场景下，委托和接口调用的性能对比  如何用PHP工具快速搭建高效网站？  如何用PHP快速搭建高效网站？分步指南  建站主机选虚拟主机还是云服务器更好？  如何做静态网页,sublimetext3.0制作静态网页？  头像制作网站在线制作软件,dw网页背景图像怎么设置？  如何通过主机屋免费建站教程十分钟搭建网站？  郑州企业网站制作公司,郑州招聘网站有哪些？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  建站上传速度慢？如何优化加速网站加载效率？  开封网站制作公司,网络用语开封是什么意思？  济南网站建设制作公司,室内设计网站一般都有哪些功能？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何在万网自助建站平台快速创建网站？  大型企业网站制作流程,做网站需要注册公司吗？  文字头像制作网站推荐软件,醒图能自动配文字吗？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  已有域名和空间如何快速搭建网站？  Swift中循环语句中的转移语句 break 和 continue  如何选择高效便捷的WAP商城建站系统？  焦点电影公司作品,电影焦点结局是什么？  香港服务器WordPress建站指南：SEO优化与高效部署策略  如何通过西部建站助手安装IIS服务器？  如何通过智能用户系统一键生成高效建站方案？  如何快速使用云服务器搭建个人网站？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  *服务器网站为何频现安全漏洞？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  孙琪峥织梦建站教程如何优化数据库安全？  佛山企业网站制作公司有哪些,沟通100网上服务官网？  如何在阿里云ECS服务器部署织梦CMS网站？  如何在IIS中新建站点并配置端口与IP地址？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  如何在万网自助建站中设置域名及备案？  c# Task.Yield 的作用是什么 它和Task.Delay(1)有区别吗  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  电商网站制作公司有哪些,1688网是什么意思？  如何在云主机上快速搭建多站点网站？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  如何在IIS7中新建站点？详细步骤解析  大同网页,大同瑞慈医院官网？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  广东企业建站网站优化与SEO营销核心策略指南  网站制作软件免费下载安装,有哪些免费下载的软件网站？