My app displays a splash screen while the app is loading. I want to put an animated progress bar below the icon on the splash screen. I tried using XML, but it's crashing! Says invalid tag progressbar.
Here's my code to call the splash screen, in styles.xml
<style name="AppTheme.BrandedLaunch" parent="AppThemeDark">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowBackground">@drawable/background_splash</item>
</style>
Here's my background_splash.xml file
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="@color/splash_screen_bg"/>
<item>
<bitmap
android:gravity="center"
android:tileMode="disabled"
android:src="@drawable/ic_launcher"/>
</item>
<item>
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
/>
</item>
</layer-list>
I don't really want to make a splash screen using a different method, because this method was really simple. Any ideas?
the key is in this tutorial: http://www.logicchip.com/android-splash-screen-progress-bar/ You must create un file in drawable folder: example splas_screen.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="100dp"
android:layout_height="100dp">
<item>
<color android:color="@color/main_color_grey_50"/>
</item>
<item>
<bitmap
android:gravity="center"
android:filter="true"
android:src="@drawable/logomies"
/>
</item>
</layer-list>
Add new Style to file styles.xml
<style name="SplashTheme" parent ="Theme.AppCompat.NoActionBar">
<item name="android:windowBackground">@drawable/splash_screen</item>
</style>
AndroidManifest file you should set the SplashActivity like your LAUNCHER Activity.
<application
android:name=".ActBenApplication"
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/ActivityTheme">
<activity android:name=".main.ui.SplashActivity"
android:label="@string/app_name"
android:screenOrientation="portrait"
android:theme="@style/SplashTheme">
<intent-filter>
<action android:name="android.intent.action.MAIN"/>
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity
android:name=".main.MainActivity"
android:label="@string/app_name"
android:screenOrientation="portrait">
</activity>
</application>
The important part comes here: you must create a layout where the progress bar will be, this layout has no background so the progress bar appears forward of slash.
<android.support.constraint.ConstraintLayout 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/splash_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".main.ui.SplashActivity">
<ProgressBar
android:id="@+id/progressBar2"
style="?android:attr/progressBarStyleHorizontal"
android:visibility="visible"
android:indeterminateOnly="true"/>
</android.support.constraint.ConstraintLayout>
Finally in your Activity.java file:
public class SplashActivity extends AppCompatActivity{
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.splash);
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
// This method will be executed once the timer is over
// Start your app main activity
Intent i = new Intent(SplashActivity.this, MainActivity.class);
startActivity(i);
// close this activity
finish();
}
}, 3000);
}
}
Set as the setContentView to the layout created. That is all..!
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With