Tutorial de la pantalla de bienvenida de Android

Tutorial de la pantalla de bienvenida de Android

En este tutorial, aprenderá cómo implementar una pantalla de bienvenida en su aplicación de Android. Mostrar una pantalla de inicio es una característica común de muchas aplicaciones, muestra su logotipo o tal vez solo una pantalla de carga para el usuario antes de que se inicie la aplicación. Crearemos una pantalla de inicio sin la barra de título, luego estableceremos una duración de temporizador y evitaremos que el botón Atrás del usuario lo devuelva a la pantalla de inicio. Vamos a empezar…

Cree un nuevo proyecto en Eclipse  File  >  New  >  Android Application Project. Complete los detalles y nombre su proyecto  SplashTutorial .

Nombre de la aplicación:  SplashTutorial

Nombre del proyecto:  SplashTutorial

Nombre del paquete:  com.androidbegin.splashtutorial

Abra su  MainActivity .java  y pegue el siguiente código.

Actividad principal .java

paquete com.androidbegin.splashtutorial;

importar android.os.Bundle;
importar android.app.Actividad;

clase pública MainActivity extiende Actividad {

	@Anular
	public void onCreate (Paquete guardadoInstanceState) {
		super.onCreate(estadoDeInstanciaGuardado);
		// Obtener la vista de activity_main.xml
		setContentView(R.diseño.actividad_principal);
	}

}

A continuación, cree un archivo XML para el diseño gráfico de MainActivity. Vaya a  res  >  diseño  > Haga clic con el botón derecho en el  diseño  >  Nuevo  >  Archivo XML de Android

Nombre su nuevo archivo XML  activity_main.xml  y pegue el siguiente código.

actividad_principal .xml 

<RelativeLayout xmlns_android="http://schemas.android.com/apk/res/android"
    xmlns_herramientas="http://esquemas.android.com/herramientas"
    android_layout_width="match_parent"
    android_layout_height="match_parent" >

    <Vista de texto
        android_layout_width="wrap_content"
        android_layout_height="wrap_content"
        android_layout_centerHorizontal="verdadero"
        android_layout_centerVertical="verdadero"
        android_text="@cadena/principal" />

</RelativeLayout>

A continuación, cree una nueva actividad para la pantalla de inicio. Vaya a  Archivo  >  Nuevo  >  Clase  y asígnele el nombre  SplashScreenActivity.java. Seleccione su paquete llamado com.androidbegin.splashtutorial y haga clic en Finalizar .

Abra su  SplashScreenActivity .java  y pegue el siguiente código.

SplashScreenActivity .java

paquete com.androidbegin.splashtutorial;

importar java.util.Timer;
importar java.util.TimerTask;

importar android.os.Bundle;
importar android.app.Actividad;
importar android.content.Intent;
importar android.view.Window;

Clase pública SplashScreenActivity extiende Actividad {

	// Establecer la duración de la pantalla de bienvenida
	Retraso largo = 8000;

	@Anular
	public void onCreate (Paquete guardadoInstanceState) {
		super.onCreate(estadoDeInstanciaGuardado);
		// Eliminar la barra de título
		requestWindowFeature(Window.FEATURE_NO_TITLE);

		// Obtenga la vista de splash_screen.xml
		setContentView(R.layout.splash_screen);

		// Crear un temporizador
		Temporizador RunSplash = nuevo temporizador ();

		// Tarea a realizar cuando finaliza el temporizador
		TimerTask ShowSplash = nueva TimerTask() {
			@Anular
			ejecución de vacío público () {
				// Cerrar SplashScreenActivity.class
				terminar();

				// Iniciar MainActivity.class
				Intent myIntent = new Intent(SplashScreenActivity.this,
						MainActivity.clase);
				iniciarActividad(miIntento);
			}
		};

		// Poner en marcha el temporizador
		RunSplash.schedule(ShowSplash, Delay);
	}
}

Hemos creado un temporizador con un retraso de 8000 milisegundos antes de que finalice la pantalla de bienvenida. TimerTask comenzará cuando finalice el temporizador.

A continuación, cree un archivo XML para el diseño gráfico de la pantalla de bienvenida. Vaya a  res  >  diseño  >  Haga clic con el botón derecho  en el  diseño  >  Nuevo  >  Archivo XML de Android

Nombre su nuevo archivo XML  splash_screen.xml  y pegue el siguiente código.

splash_screen .xml

<RelativeLayout xmlns_android="http://schemas.android.com/apk/res/android"
    xmlns_herramientas="http://esquemas.android.com/herramientas"
    android_layout_width="match_parent"
    android_layout_height="match_parent" >

    <ImagenVista
        android_id="@+id/Imagen del logotipo"
        android_layout_width="wrap_content"
        android_layout_height="wrap_content"
        android_layout_centerHorizontal="verdadero"
        android_layout_centerVertical="verdadero"
        android_src="@dibujable/logo"/>

    <Barra de progreso
        android_id="@+id/Barra de progreso"
        android_layout_width="wrap_content"
        android_layout_height="wrap_content"
        android_layout_below="@+id/Imagen del logotipo"
        android_layout_centerHorizontal="verdadero"
        android_layout_centerVertical="verdadero" >
    </barra de progreso>

</RelativeLayout>

Para este tutorial, hemos preparado un logotipo de muestra para la pantalla de bienvenida. Inserte el logotipo de muestra en su  res drawable-hdpi .

Logotipo de muestra

[etiqueta wpfilebase = ID de archivo = 30 tpl = botón de descarga /]

A continuación, cambie el nombre y los textos de la aplicación. Abra su  strings.xml  en su carpeta  res > valores  y pegue el siguiente código.
cadenas.xml

<recursos>

    <string name="app_name">Tutorial de pantalla de bienvenida</string>
    <string name="main">Página principal de MainActivity.java</string>

</recursos>

En su  AndroidManifest.xml , debemos declarar SplashScreenActivity junto con el filtro de intenciones para forzar que esta actividad se ejecute cuando se inicia la aplicación. Luego declare una actividad para MainActivity.java. Abra su  AndroidManifest.xml  y pegue el siguiente código.

AndroidManifest.xml

<manifiesto xmlns_android="http://schemas.android.com/apk/res/android"
    paquete="com.androidbegin.splashtutorial"
    android_versionCode="1"
    android_versionName="1.0" >

    <usos-sdk
        android_minSdkVersion="8"
        android_targetSdkVersion="15" />

    <aplicación
        android_icono="@dibujable/ic_launcher"
        android_etiqueta="@cadena/nombre_aplicación"
        android_tema="@estilo/AppTheme" >
        <actividad android_name=".SplashScreenActivity" >
            <intent-filter>
                <acción android_name="android.intent.action.MAIN" />

                <categoría android_name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </actividad>
        <actividad android_name=".MainActivity" >
        </actividad>
    </aplicación>

</manifiesto>

Producción :

Capturas de pantalla del tutorial SplashScreen

Código fuente 

[purchase_link id=”7874″ text=”Comprar para descargar el código fuente” style=”button” color=”green”]