Simple splash screen

a.vogel · by **a.vogel** » Fri Feb 08, 2008 11:09 am

[font=Arial Black] A simple splash screen[/font]

Alternative which automatically starts another Activity :arrow:

What you learn: You will learn how to create a simple splashscreen for your application.

Difficulty: 0.5 of 5

Questions/Problems: Simply post below...

Description:
This is a implementation of a simple splash screen. It will show a image on start and removes it after a specific time:

1. Define you splash screen in your layout file:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <ImageView id="@+id/splashscreen" android:layout_width="wrap_content"
                android:layout_height="fill_parent" android:src="@drawable/splash"
                android:layout_gravity="center"/>
        <TextView android:layout_width="fill_parent"
                android:layout_height="wrap_content" android:text="Hello World, splash"/>
</LinearLayout>
 
Parsed in 0.002 seconds,  using GeSHi 1.0.8.4

2. Add a handler to your start activity:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

private Handler splashHandler = new Handler() {
                @Override
                public void handleMessage(Message msg) {
                        switch (msg.what) {
                        case STOPSPLASH:
                                //remove SplashScreen from view
                                splash.setVisibility(View.GONE);
                                break;
                        }
                        super.handleMessage(msg);
                }
        };
Parsed in 0.029 seconds,  using GeSHi 1.0.8.4

3. In onCreate create a new message and send it delayed to the handler:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

Message msg = new Message();
msg.what = STOPSPLASH;
splashHandler.sendMessageDelayed(msg, SPLASHTIME);
Parsed in 0.030 seconds,  using GeSHi 1.0.8.4

Here is the complete code:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

package com.test.splash;
 
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.widget.ImageView;
 
public class splash extends Activity {
        
        private static final int STOPSPLASH = 0;
        //time in milliseconds
        private static final long SPLASHTIME = 3000;
        
        private ImageView splash;
        
        //handler for splash screen
        private Handler splashHandler = new Handler() {
                /* (non-Javadoc)
                 * @see android.os.Handler#handleMessage(android.os.Message)
                 */
                @Override
                public void handleMessage(Message msg) {
                        switch (msg.what) {
                        case STOPSPLASH:
                                //remove SplashScreen from view
                                splash.setVisibility(View.GONE);
                                break;
                        }
                        super.handleMessage(msg);
                }
        };
        
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setContentView(R.layout.main);
                        splash = (ImageView) findViewById(R.id.splashscreen);
                        Message msg = new Message();
                        msg.what = STOPSPLASH;
                        splashHandler.sendMessageDelayed(msg, SPLASHTIME);
    }
}
Parsed in 0.038 seconds,  using GeSHi 1.0.8.4

plusminus · by **plusminus** » Fri Feb 08, 2008 3:24 pm

Hello a.vogel,

thanks for sharing your snippet. :!:

(Added some heading-stuff)
I added my own implementation of a SplashScreen :src: here and crosslinked both, this and my tutorial.

Regards,
plusminus

drhu00 · by **drhu00** » Wed Feb 13, 2008 3:26 pm

Can the splash screen contains also some text as well as an image?

plusminus · by **plusminus** » Wed Feb 13, 2008 3:35 pm

Hello drhu00,

drhu00 wrote:Can the splash screen contains also some text as well as an image?

It already doescontain an ImageView and a TextView.

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

     <ImageView id="@+id/splashscreen" android:layout_width="wrap_content"
          android:layout_height="fill_parent" android:src="@drawable/splash"
          android:layout_gravity="center"/>
     <TextView android:layout_width="fill_parent"
          android:layout_height="wrap_content" android:text="Hello World, splash"/> 
Parsed in 0.001 seconds,  using GeSHi 1.0.8.4

Regards,
plusminus

drhu00 · by **drhu00** » Wed Feb 13, 2008 3:51 pm

I know there is textview in the xml file, but the question is that "Hello World, Splash" only show up after 3 seconds. In the splash screen, only the image show up. What I like is the splash window contains an image in the center and on the top line and bottom line there are some string. See below
***************
Splash Title

<Splash Image>

by drhu00
***************

plusminus · by **plusminus** » Wed Feb 13, 2008 4:04 pm

Hello

my bad.

a.vogel makes the View invisible inside the Handler (after 3 seconds), you can add as many views as you want (or combine them within one XYZLayout).

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

                    //...
                    //remove SplashScreen from view
                    splash.setVisibility(View.GONE); 
Parsed in 0.034 seconds,  using GeSHi 1.0.8.4

In your case it will probably be easier to choose the alternative :darrow:

, because there you can simply use another layout.xml-file and there will be no need to set views to invisible.

Btw: Alternative which automatically starts another Activity :src: here.

Regards,
plusminus

a.vogel · by **a.vogel** » Wed Feb 13, 2008 4:04 pm

For showing more than one item on the splash screen, put all items in a LinearLayout (or something similar) and call setVisibility for this container item.

drhu00 · by **drhu00** » Wed Feb 13, 2008 8:01 pm

I tried the alternative, but it doesn't work.

a.vogel · by **a.vogel** » Thu Feb 14, 2008 8:40 am

A sample xml file containing more than one item looks like:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="vertical" android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        <LinearLayout id="@+id/splashscreen" android:orientation="vertical"
                android:layout_width="fill_parent" android:layout_height="fill_parent">
                <ImageView android:layout_width="wrap_content"
                        android:layout_height="wrap_content" android:src="@drawable/splash"
                        android:layout_gravity="center"/>
                <TextView android:layout_width="fill_parent"
                        android:layout_height="wrap_content"
                        android:text="This is a splash!!"/>
        </LinearLayout>
        <TextView android:layout_width="fill_parent"
                android:layout_height="wrap_content" android:text="Hello World, splash"/>
</LinearLayout>
Parsed in 0.003 seconds,  using GeSHi 1.0.8.4

Now you have to replace the existing ImageView in the java code with LinearLayout and it should work.

PS: In the tutorial code above the height of the ImageView is set to fill_parent. Replace it with wrap_content, otherwise it will cover the other items in this view.

neel · by **neel** » Mon Feb 18, 2008 8:02 pm

hi
this is my java file

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

package com.neel;
 
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.widget.ImageView;
 
public class NewSplash extends Activity {
     
     private static final int STOPSPLASH = 0;
     //time in milliseconds
     private static final long SPLASHTIME = 3000;
     
     private ImageView splash;
     
     //handler for splash screen
     private Handler splashHandler = new Handler() {
          /* (non-Javadoc)
           * @see android.os.Handler#handleMessage(android.os.Message)
           */
          @Override
          public void handleMessage(Message msg) {
               switch (msg.what) {
               case STOPSPLASH:
                    //remove SplashScreen from view
                    splash.setVisibility(View.GONE);
                    break;
               }
               super.handleMessage(msg);
          }
     };
     
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle icicle) {
        super.onCreate(icicle);
        setContentView(R.layout.main);
               <span style="color: darkred">splash = (ImageView) findViewById(R.id.splashscreen);</span>
               Message msg = new Message();
               msg.what = STOPSPLASH;
               splashHandler.sendMessageDelayed(msg, SPLASHTIME);
    }
}
Parsed in 0.040 seconds,  using GeSHi 1.0.8.4

and this is my main.xml file

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical" android:layout_width="fill_parent"
     android:layout_height="fill_parent">
     <ImageView id="@+id/splashscreen" android:layout_width="wrap_content"
          android:layout_height="fill_parent" android:src="@drawable/weatherforecast"
          android:layout_gravity="center"/>
     <TextView android:layout_width="fill_parent"
          android:layout_height="wrap_content" android:text="Hello World, splash"/>
</LinearLayout> 
Parsed in 0.002 seconds,  using GeSHi 1.0.8.4

i get an error in this line saying "R.id cannot be resolved"

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

splash = (ImageView) findViewById(R.id.splashscreen)
Parsed in 0.035 seconds,  using GeSHi 1.0.8.4

a.vogel · by **a.vogel** » Tue Feb 19, 2008 8:25 am

Which version of the SDK do you use. For version "m3-rc37a" the code should be ok. But for the new version of the SDK ("m5-rc14") you should change the id-tag in xml file to:

Syntax: [ Download ] [ Hide ]

Using xml Syntax Highlighting

android:id="@+id/splashscreen"
Parsed in 0.000 seconds,  using GeSHi 1.0.8.4

neel · by **neel** » Sun Feb 24, 2008 10:53 pm

I get teh following error in the console of eclipse

Code: Select all: [2008-02-24 13:49:25 - Splash] ActivityManager: Error type 3 [2008-02-24 13:49:25 - Splash] ActivityManager: Error: Activity class {com.neel/com.neel.Splash} does not exist.

vdoppia · by **vdoppia** » Wed Apr 22, 2009 6:10 pm

Hi, i'm new in this comunity... i have use this code to make a splash screen. There is a metod to see the splash screen all time I open my application? Now I see splash screen only the first time I install my application and start it (in development emulator).

ashywood · by **ashywood** » Tue Apr 28, 2009 2:53 am

Hey All,

I know this is an old thread, but I was hoping to get feedback.

I'm currently just trying to just add a splash screen before my test app launches "Hello, World." The result is either my emulator hangs or it crashes. The error I'm getting stems from the line that's bold. Is there a reason the splash screen won't finish its' time cycle and continue on to 'Hello, World?' Thanks for any help!

@Override
public void handleMessage(Message msg) {
switch (msg.what) {
case STOPSPLASH:
//remove SplashScreen from view
splash.setVisibility(View.GONE);

[void android.view.View.setVisibility(int visibility)
Note: The Javadoc for this element could neither be found in the attached source nor the attached Javadoc.
]
break;
}
super.handleMessage(msg);
}
};

jpe30 · by **jpe30** » Mon Jun 08, 2009 11:28 pm

I'm having the same problem as ashy, the setVisibility(View.GONE) line throws a null pointer exception. I need this as I need to show 2 splash screens, one right after the other.

Any suggestions as to how to get this working?

Simple splash screen

Simple splash screen

Re: Simple splash screen

Re: Simple splash screen

Re: Simple splash screen

Re: Simple splash screen

error in java file

splash screen error

splash screen all visible

Crashing issues?

Who is online