当前位置:   article > 正文

Android实现Splash界面全屏效果_android splashscreen 全屏

android splashscreen 全屏

怎样实现类似于“BOSS直招”Splash界面(Android启动界面)的那种全屏效果呢?如图所示:

其实几行代码就搞定了,以下是我实现的步骤。首先,编写界面:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. xmlns:tools="http://schemas.android.com/tools"
  4. android:id="@+id/rl_root"
  5. android:layout_width="match_parent"
  6. android:layout_height="match_parent"
  7. android:background="#4CDCCA"
  8. tools:context=".activity.MainActivity">
  9. <TextView
  10. android:id="@+id/title"
  11. android:layout_width="match_parent"
  12. android:layout_height="wrap_content"
  13. android:layout_marginTop="90dp"
  14. android:gravity="center"
  15. android:text="BOSS直招"
  16. android:textColor="@android:color/white"
  17. android:textSize="50dp"
  18. android:textStyle="bold" />
  19. <TextView
  20. android:layout_width="match_parent"
  21. android:layout_height="wrap_content"
  22. android:layout_below="@id/title"
  23. android:layout_marginTop="10dp"
  24. android:gravity="center"
  25. android:text="互联网直招神器"
  26. android:textColor="@android:color/white"
  27. android:textSize="18dp" />
  28. <TextView
  29. android:id="@+id/tv_version"
  30. android:layout_width="match_parent"
  31. android:layout_height="wrap_content"
  32. android:layout_alignParentBottom="true"
  33. android:layout_marginBottom="20dp"
  34. android:gravity="center"
  35. android:text="版本号:1.0.0"
  36. android:textColor="@android:color/white" />
  37. </RelativeLayout>

2. 在styles.xml文件中添加样式。我取名为FixSystemWindowTheme,还是让它继承自原来项目默认的AppTheme,只是我们添加了一个全屏的属性,如下代码:

  1. <resources>
  2. <!-- Base application theme. -->
  3. <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  4. <!-- Customize your theme here. -->
  5. <item name="colorPrimary">@color/colorPrimary</item>
  6. <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  7. <item name="colorAccent">@color/colorAccent</item>
  8. </style>
  9. <style name="FixSystemWindowTheme" parent="AppTheme">
  10. <item name="android:windowFullscreen">true</item>
  11. </style>
  12. </resources>

在AndroidManifest.xml文件里让我们的Activity使用FixSystemWindowTheme主题,如下代码:

  1. <activity
  2. android:name=".activity.SplashActivity"
  3. android:theme="@style/FixSystemWindowTheme">
  4. <intent-filter>
  5. <action android:name="android.intent.action.MAIN" />
  6. <category android:name="android.intent.category.LAUNCHER" />
  7. </intent-filter>
  8. </activity>

运行APP后我们可以看到界面效果,虽然APP界面全屏了,但是并没有达到我们想要的效果,因为继承自AppTheme主题,项目默认是显示TitleBar的。如图所示:

3. 那我们再添加不显示TitleBar的属性:

  1. <resources>
  2. <!-- Base application theme. -->
  3. <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  4. <!-- Customize your theme here. -->
  5. <item name="colorPrimary">@color/colorPrimary</item>
  6. <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
  7. <item name="colorAccent">@color/colorAccent</item>
  8. </style>
  9. <style name="FixSystemWindowTheme" parent="AppTheme">
  10. <item name="android:windowFullscreen">true</item>
  11. <item name="windowNoTitle">true</item>
  12. </style>
  13. </resources>

再次运行项目,可以看到已经达到我们想要的效果了:

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/凡人多烦事01/article/detail/126261
推荐阅读
相关标签