Заставка в Android

Опубликовано: 10 Января, 2023

Экран-заставка — это, как правило, первый экран приложения при его открытии. Это постоянный экран, который появляется на определенное время и обычно появляется впервые при запуске приложения. Экран-заставка используется для отображения основной вводной информации, такой как логотип компании, контент и т. д., непосредственно перед полной загрузкой приложения. В этой статье мы рассмотрим, как сделать заставку в Android. Пример видео приведен ниже, чтобы получить представление о том, что мы собираемся делать в этой статье.

Note: This Android article covered in both Java and Kotlin languages. 

Пошаговая реализация

Шаг 1. Создайте новый проект в Android Studio.

Чтобы создать новый проект в Android Studio, обратитесь к разделу «Как создать/запустить новый проект в Android Studio ».

Шаг 2: Работа с файлом activity_main.xml

Перейдите к app > res > layout > activity_main.xml и добавьте в него приведенный ниже код. В код добавлены комментарии для более подробного ознакомления.

XML




<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/idRLContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/purple_200"
    android:orientation="vertical"
    tools:context=".MainActivity">
  
    <!--on below line we are adding an image view-->
    <ImageView
        android:id="@+id/idIVLogo"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="25dp"
        android:src="@drawable/gfglogo"
        android:tint="@color/white" />
  
    <!--on below line we are creating progress bar-->
    <ProgressBar
        android:id="@+id/idPBLoading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/idIVLogo"
        android:layout_centerInParent="true"
        android:indeterminateTint="@color/white" />
  
</RelativeLayout>

Шаг 3: Создание нового действия

Перейдите к приложению> java> имя пакета вашего приложения> щелкните его правой кнопкой мыши> «Создать»> «Активность»> «Пустая активность» и укажите имя как MainActivity2.

Шаг 4: Работа с файлом MainActivity

Перейдите к приложению > java > имени пакета вашего приложения > файлу MainActivity и добавьте приведенный ниже код. В код добавлены комментарии для более подробного ознакомления.

Kotlin




package com.gtappdevelopers.kotlingfgproject
  
import android.content.Intent
import android.os.Bundle
import android.os.Handler
import android.view.WindowManager
import androidx.appcompat.app.AppCompatActivity
  
class MainActivity : AppCompatActivity() {
  
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
  
        // on below line we are configuring 
        // our window to full screen
        window.setFlags(
            WindowManager.LayoutParams.FLAG_FULLSCREEN,
            WindowManager.LayoutParams.FLAG_FULLSCREEN
        )
        setContentView(R.layout.activity_main)
          
        // on below line we are calling
        // handler to run a task
        // for specific time interval
        Handler().postDelayed({
            // on below line we are 
            // creating a new intent
            val i = Intent(
                this@MainActivity,
                MainActivity2::class.java
            )
            // on below line we are
            // starting a new activity.
            startActivity(i)
              
            // on the below line we are finishing
            // our current activity.
            finish()
        }, 2000)
    }
}

Java




package com.gtappdevelopers.kotlingfgproject;
  
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.view.WindowManager;
import androidx.appcompat.app.AppCompatActivity;
  
public class MainActivity extends AppCompatActivity {
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
          
        // on below line we are configuring our window to full screen
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);
  
        setContentView(R.layout.activity_main);
  
        // on below line we are calling handler to run a task
        // for specific time interval
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                // on below line we are 
                // creating a new intent
                Intent i = new Intent(MainActivity.this, MainActivity2.class);
                  
                // on below line we are 
                // starting a new activity.
                startActivity(i);
                  
                // on the below line we are finishing 
                // our current activity.
                finish();
            }
        }, 2000);
  
    }
}

Шаг 5: Работа с файлом activity_main2.xml

Перейдите к app>res>layout>activity_main2.xml и добавьте в него приведенный ниже код. В код добавлены комментарии для более подробного ознакомления.

XML




<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity2">
  
    <!--on below line we are creating
        a text for our app-->
    <TextView
        android:id="@+id/idTVHeading"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="20dp"
        android:gravity="center"
        android:padding="10dp"
        android:text="Welcome to Geeks for Geeks"
        android:textAlignment="center"
        android:textColor="@color/black"
        android:textSize="20sp"
        android:textStyle="bold" />
  
</RelativeLayout>

Шаг 6. Добавление стиля для MainActivity в файл AndroidManifest.xml

Перейдите к файлу app>AndroidManifest.xml и добавьте в него приведенный ниже код для MainActivity в разделе приложения.

XML




<!--on below line we are adding a style for MainActivity-->
<activity
      android:name=".MainActivity"
      android:theme="@style/Theme.MaterialComponents.DayNight.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
  
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
</activity>

Теперь запустите ваше приложение, чтобы увидеть результат.

Выход: