溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關Android應用中怎么添加一個splash界面，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。
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 > <cn.bingoogolapple.bgabanner.BGABanner android:id="@+id/banner_guide_background" 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" 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" 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" 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界面有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
