Next Tutorial
Coding Gradient Drawables

Prev Page
View All Tutorials

---

Android Tutorial - Screen Splash

---

This is the Splash Screen
It will show for 3 seconds, then goto the App's main page.

This is App's First Page

When To Use A Timed Screen Splash

A Screen Splash is ideal to use in your app for a variety of reasons such as;

promote your brand's logo
promote a new product or service
daily giveaways
daily promo coupons
sale items
promote contests or competitions

A splash screen is shown to your users prior to them seeing the first page of your app. So, you want to use the splash screen to tell them something that is unique to your products or services.

Also, a splash screen should not be too lengthy; as this could annoy users, and they may not use your app at all. So keep the splash screen short if possible, 1 - 3 seconds is recommended, and use it to a users advantage.

If your just promoting your brand's logo, keep it short like 1 - 2 seconds, at most.
If you have daily giveaways, promo coupons and the like; user might be more accepting of a lengthier splash screen, because you are giving them something for free.
A splash screen is not recommended for advertising, as this could annoy users and they may uninstall your app.

Creating - Naming Your App Using AIDE

When creating your app,(from left menu) choose:
Create New Project;
Then, choose
New Android App(gradle, android Java/xml)
or
Hello World App Java/xml
if your using the original version of AIDE

Namme your app as shown in our example code use;

TimedScreenSplash as the app name and,
for the package name(next line) use:
com.aac.screensplashexample.

The Code

Code for the app - TimedScreenSplash

For this app you will use these coded pages:

2 layout files - main.xml and splash_activity.xml, both XML files

2 activity classes(the java files) - MainActivity.java, and SplashActivity.java

1 strings file - strings.xml for the text on our page

1 AndroidManifest.xml file, where we declare our activity for the splash screen
and,

Since we are adding a image to our splash screen we add that image to our drawables folder at src/res/drawable-hdpi.

To save the splash screen image, just right click on the image in the Example code Section this page; and save it to your tablet or computer;
then copy paste it into the AppProject/TimedScreenSplash at res/drawable-hdpi folder. Use your tablet's File Manager to do this, as you cannot directly paste an image within the AIDE code editor files.

That folder src/res/drawable-hdpi also has our ic_launcher.png image; but we don't need to add it because it was added automatically when we created our android template app.

EXAMPLE CODE - Code For This Tutorial

JUST use your mouse or highlight the code for this tutorial. App Name is 'TimedScreenSplash - located at AppProjects/TimedScreenSplash in AIDE, open the AIDE app, then open App Projects, THEN select the 'TimedScreenSplash', app from your files hierachy(left menu); then click on any file from the app, like strings.xml, to open it in the AIDE editor.
In the editor, make sure at top of page, the app name 'TimedScreenSplash' is there next to AppProjects like so: AppProjects/TimedScreenSplash, then you know you have the proper App.

Once a file is in the editor, you can edit, save it, then RUN your APP, Install, and Open your app.


Make sure you SAVED EACH PAGE,(or choose automatic saving in AIDE settings) before you RUN your code. SAVE, RUN, INSTALL, OPEN, your App. Once it has been installed on your tablet, you can open it Simply by Clicking on the Android little green App Icon,with the wording 'TimedScreenSplash' on your tablet. It will be with your other installed apps.

If you make further changes to this App, you need to SAVE, RUN, UPDATE, INSTALL, OPEN the app.

Example Code TimedScreenSplash :
Use Mouse To Copy Paste the Code
AndroidManifest.xml ___________________________________ <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.aac.screensplashexample" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="8" android:targetSdkVersion="14" /> <application android:icon="@drawable/ic_launcher" android:label="@string/app_name" > <!-- SplashActivity --> <activity android:name="com.aac.screensplashexample.SplashActivity" android:label="@string/app_name" android:screenOrientation="portrait" android:theme="@android:style/Theme.Black.NoTitleBar" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <!-- MainActivity --> <activity android:name="com.aac.screensplashexample.MainActivity" android:label="@string/app_name" > </activity> </application> </manifest> main.xml ___________________________________ <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical"> <TextView android:id="@+id/splash" android:text="@string/splashscreen" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="18dp" android:textColor="#ffffff"/> </LinearLayout> activity_splash.xml ___________________________________ <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#37474f" > <ImageView android:id="@+id/imgLogo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:src="@drawable/screensplashiconsm" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_marginBottom="100dp" android:gravity="center_horizontal" android:text="www.androidappcoding.com" android:textColor="#ffa000" android:textSize="21sp" /> </RelativeLayout> MainActivity.java ___________________________________ package com.aac.screensplashexample; import android.app.*; import android.os.*; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } } SplashActivity.java __________________________________ package com.aac.screensplashexample; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.os.Handler; public class SplashActivity extends Activity { // Splash screen timer private static int SPLASH_TIME_OUT = 3000; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_splash); new Handler().postDelayed(new Runnable() { /* * Showing splash screen with a timer. This will be useful when you * want to show case your app logo / company */ @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(); } }, SPLASH_TIME_OUT); } } strings.xml ______________________________________ <?xml version="1.0" encoding="utf-8"?> <resources> <string name="app_name">Timed Screen Splash</string> <string name="splashscreen">A <i>splash screen </i>is useful for a number of reasons;\n\n branding your business name logo, promoting daily deals - coupon giveaways, or introducing a new product or service.\n\n This splash screen has a 3 second delay; then the user is sent to the first page of the app. \nYou can code the number of seconds as you want. </string> </resources>
SAVE IMAGE: Right Click and Save As
screen_splash_icon_sm.jpeg

This free script provided by
JavaScript Kit

AIDE for creating Android Apps on your tablet or cell phone(android).
Free and Paid.
GoTo Aide

ANDROID STUDIO - for creating Android Apps on your desktop computer.
Free to Install and Use
Learn more - Android Studio

The Java XML files we code(example codes) and the Android Apps we create in our Free Tutorials are compatible with Android Studio and AIDE. Just choose Java XML as your Programming Language.

You May Like:
Make Sushi Rolls Taste World Wines Flavours and Aromas