Instituto de Educación Superior Público
CHANCAY
U.D.: Diseño de Aplicaciones Móviles
CICLO: V
DOCENTE: ING. VÍCTOR ARAOZ MONTALVO
SEMANA: 8
TEMAS:
• Easy Splash Screen
CHANCAY- PERÚ
Easy Splash Screen
¿Qué es la pantalla de bienvenida?
En las aplicaciones de Android, una pantalla de bienvenida es como una pantalla de bienvenida
que incluye el nombre de su marca o aplicación, o el logotipo en un modo de pantalla
completa. Es como una introducción a tu aplicación en unos segundos y también mejora la
experiencia del usuario.
Requisitos previos:
• Imagen del logotipo (convención de nomenclatura en .png y minúsculas)
• Android Studio
Implementación paso a paso:
Paso 1: Abre Android Studio y haz clic en Nuevo proyecto.
Paso 2: elija la siguiente plantilla “Empty Activity” and click Next.
Paso 3: Nombra tu proyecto como "Splash Screen Demo" y haz clic en Finalizar.
Paso 4: Copia la imagen de tu logotipo y pégala en la carpeta de elementos de diseño.
Asegúrese de que la imagen del logotipo sea png y que la convención de nomenclatura no
conste de letras mayúsculas y números, de lo contrario, creará errores.
Paso 5: Ve a activity_main.xml y escribe el siguiente código.
Puede personalizar su propio color de fondo según su marca, así como su logotipo.
En la sección activity_main.xml diseño, haz clic en la imagen.
Consejo: Haga clic derecho en la imagen y haga clic en Centro. Tienes que centrar la imagen
tanto horizontal como verticalmente para que quede en el centro de la pantalla.
<?xml version="1.0" encoding="utf-8"?>
<[Link]
xmlns:android="[Link]
xmlns:app="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/purple_500" //Add your background color here
tools:context=".MainActivity">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/aklogo" //Add your logo here
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>
</[Link]>
Paso 6: Crea la segunda actividad llamada HomeActivity y escribe el siguiente código en
activity_home.xml
Después de que desaparezca la pantalla de inicio, se abrirá la segunda actividad.
<?xml version="1.0" encoding="utf-8"?>
<[Link]
xmlns:android="[Link]
xmlns:app="[Link]
xmlns:tools="[Link]
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".HomeActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Welcome to Android Knowledge"
android:textColor="@color/black"
android:textSize="20sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</[Link]>
Paso 7: Escriba el siguiente código en [Link]
package [Link];
import [Link];
import [Link];
import [Link];
import [Link];
public class MainActivity extends AppCompatActivity {
public static int SPLASH_TIMER = 3000;
@Override
protected void onCreate(Bundle savedInstanceState) {
[Link](savedInstanceState);
setContentView([Link].activity_main);
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
Intent intent = new Intent([Link], [Link]);
startActivity(intent);
finish();
}, SPLASH_TIMER);
Paso 8: Ve a [Link] y escribe el siguiente código.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="[Link]
package="[Link]">
<application
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/[Link]">
<activity
android:name=".HomeActivity"
android:exported="true" />
<activity
android:name=".MainActivity"
android:exported="true"
android:theme="@style/[Link]">
//Fullscreen
<intent-filter>
<action android:name="[Link]" />
<category android:name="[Link]" />
</intent-filter>
</activity>
</application>
</manifest>