Agregar un SplashScreen a un proyecto existente en Android

Google Analytics SDK for iOS v3 (Beta)
14 marzo, 2014
Obtener la versión del App en Android
18 marzo, 2014

Android-logo Si te llamó la atención este título seguramente estas en la misma posición en la que me encontraba hace un rato.
Después de crear el proyecto y hacer varias pantallas te das cuenta que necesitas un SplashScreen al comienzo y no lo habías tenido en cuenta.

Por suerte la solución es bastante simple de implementar y es lo que quiero mostrarles hoy. Básicamente vamos a mostrar una pantalla fullscreen al comienzo de nuestro App y en este caso solo es a modo de presentación, pero queda entredicho que la misma puede utilizarse para la inicialización ya sea de datos, descargas de archivos, creación de perfiles o lo que necesites.
Antes que empezar con el código tenemos que diseñar nuestra pantalla, con lo que vamos a agregar en res/layout un xml, en mi caso splash_screen.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" 
    android:background="#000"
    android:gravity="center_vertical|center_horizontal"
    >

<LinearLayout 
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" 
    android:background="#000"
    >

    <TextView
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:textColor="#fff"
        android:text="powered by"
        android:textSize="10sp"
        />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/logoimagenpng" />

    <TextView
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:textColor="#fff"
        android:textSize="10sp"
        android:text="1.0.0"
        android:layout_gravity="right"
        />

</LinearLayout>

</LinearLayout>

En esta oportunidad seleccioné un fondo en negro, y con letras blancas y una imagen centrada en la pantalla muestro la leyenda powered by y la versión.

Una vez hecho esto vamos a crear en nuestro src la clase correspondiente. En mi caso SplashScreen.java

public class SplashScreenActivity extends Activity {
	
	private long splash_time = 2000; //3 segundos
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		// Hacemos FullScreen el splash
		requestWindowFeature(Window.FEATURE_NO_TITLE);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, 
                                WindowManager.LayoutParams.FLAG_FULLSCREEN);
		setContentView(R.layout.splash_screen);
		// Realizo una pausa de 2 segundos y abro el MainActivity que ya tengo en funcionamiento
		TimerTask t = new TimerTask() {
		      @Override
		      public void run() {
		        Intent mIntent = new Intent().setClass(SplashScreenActivity.this, MainActivity.class);
		        startActivity(mIntent);
		        finish();
		      }
		    };
		    Timer timer = new Timer();
		    timer.schedule(t, splash_time);
	}
}

Ahora estamos listos para que nuestro splash se muestre y luego de un tiempo muestre el Activity que teníamos definido como inicial. Vuelvo a repetir que antes de ejecutar el startActivity , podemos utilizar este Splash para hacer un init de la App.

Por último necesitamos cambiar la Activity que iniciaba en nuestro app con lo que vamos a tener que modificar nuestro AndroidManifest.xml

Buscamos dentro de AndroidManifest -> application donde dice

 <activity
            android:name="MainActivity"
            android:label="@string/app_name" 
            android:screenOrientation="portrait">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

y modificamos por

 <activity
            android:name="SplashScreenActivity"
            android:label="@string/app_name" 
            android:theme="@android:style/Theme.Black.NoTitleBar.Fullscreen"
            android:screenOrientation="portrait">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

Si ya teníamos el SplashScreen dentro de AndroidManifest.xml , debemos cambiar el SplashScreenActivity por MainActivity, sino hay que agregar dentro de application

<activity android:name="MainActivity" ></activity>

Ahora a probar y ver que pasa!

Estas pequeñas ayudas suelen evitarnos dolores de cabeza buscando y son mas simples de lo que uno imagina. Espero les sea de utilidad, y si necesitan agregar o criticar no dejen de comentar.

Deja un comentario