Cara Membuat dan Menambahkan Splash di Android Studio pada Project Android

Cara Membuat dan Menambahkan Splash Screen di Android Studio pada Project Android - artikel kali kita akan membahas cara pembuatan splash Screen di project android studio, dimana splash ini berguna untuk tampilan pembuka di awal aplikasi ketika dijalankan. Splash Screen di Android Studio sangat mudah di buat, kita hanya perlu menambahkan activity baru, mendaftatkan dalam manifest dan mengaitkan ke activity lain.

Membuat Splash Screen di Android Studio

cara menambahkan splash screen adi android studio

membuat Splash Screen ini bisa dengan menambahkan ke dalam project yang sudah ada sebelumnya atau kita langsung buat dari create new project, jadinya untuk activity lain yang utamanya tinggal kita tambahkan, sama saja jatuhnya.

Baik, kita mulai untuk membuat splash di android studio, kita contohkan disini yaitu menambah splash untuk project sederhana "Hello World" yang pada umumnya, jadi splash akan muncul terlebih dahulu baru tampil activity utama. mari kita mulai.

Memulai Membuat Project Splash Screen di Android Studio

Langkah Pertama, Buatlah project baru dengan "Empty Activity". dan berikan nama projectnya "Splash"

cara membuat splash screen di android studio
Gambar Membuat Project Baru

setelah selesai proses "gradle build", kita lanjut ke proses manmbahkan splash screen untuk activity utama tadi.

nb: ini hanya contoh, jadi tampilan utamanya yaitu "Hello World" tidak kita rubah sama sekali, karena pada point utamanya kita adalah untuk menambahkan Splash Screen pada project di android studio.

Menambahkan Activity Splash Screen


Untuk menambahkan Splash Screen, kita tambahkan activity baru beserta dengan layoutnya, caranya klik kanan pada "Layout", pilih "New", "Activity" dan pilih "Empty Activity", perhatikan gambar dibawah ini.

cara manambahkan splash screen di project android studio
Gambar Menambah Activity Splash Screen

kemudian berikan nama "splash screen", perhatikan gambar di bawah ini.

cara mambuat splash screen di android studio
Gambar Memberi Nama Project Splash Screen

Selanjutnya tekan Finish untuk melanjutkan proses lainnya. dan tampilan projectnya akan seperti beritku ini.

struktur project splash screen di android studio
Struktur Project Splash Screen

Membangun Splash Screen

sekarang kita membangun Splash Screennya dengan memberikan script-script berikut ini. copy dan pastekan ke dalam project android studio anda.

Splash_screen.java

import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.view.Window;
import android.widget.TextView;

public class splash_screen extends AppCompatActivity {
    TextView tvSplash;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash_screen);
        this.requestWindowFeature(Window.FEATURE_NO_TITLE);
        tvSplash = (TextView) findViewById(R.id.TextView1);

        final Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                startActivity(new Intent(getApplicationContext(), MainActivity.class));
                finish();
            }
        }, 4000L); //4000 L = 4 detik
    }
}


activity_splash_screen.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="16dp"
    tools:context=".MainActivity"
    android:background="@color/background">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:orientation="vertical">
        <ImageView
            android:id="@+id/logo"
            android:layout_width="390dp"
            android:layout_height="300dp"
            android:layout_gravity="center"
            android:background="@drawable/anakit" />
        <TextView
            android:id="@+id/TextView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginBottom="5dp"
            android:layout_marginTop="5dp"
            android:text="SPLASH ANAKIT"
            android:textSize="30dip"
            android:textColor="@color/text"
            android:textStyle="bold"
            android:fontFamily="sans-serif-smallcaps"/>

    </LinearLayout>
</RelativeLayout>


Perhatikan, akan ada error pada Image View di script activity_splash_sreen.xml, itu karena "anakit", nah "anakit" adalah gambar atau logo untuk splash screen yang saya masukkan kedalam drawable, jadi, masukkan gambar yang kamu inginkan tampil di splash screen kedalam drawable, dan rumah "anakit" menjadi nama image yang kamu baru tambahkan tadi.

colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#6200EE</color>
    <color name="colorPrimaryDark">#3700B3</color>
    <color name="colorAccent">#03DAC5</color>
    <color name="background">#000</color>
    <color name="text">#fff</color>
</resources>

kemudian, buka AndroidManifest.xml, dan sesuaikan dengan yang saya tandai seperti gambar beriikut ini.

cara menambahkan splash screen dan manifest untuk splash screen
Gambar Manifest Splash Screen


Sekarang tinggal lakukan Run Project.. dan semoga berhasil.

Demikianlah pembahasan tentang cara menambah splash screen di android studio. semoga tutorial ini berguna dan bermanfaat. 

No comments for "Cara Membuat dan Menambahkan Splash di Android Studio pada Project Android"