Skip to main content

Cara Membuat Splash Screen Android Studio Menuju Activity Lain

Cara Membuat Splash Screen Android Studio Menuju Activity Lain - Pada tutorial Android Studio kali ini, kita akan belajar animasi sederhana membuat splash screen dengan studi kasus membuat loading otomatis menuju ke form lainnya.

Cara Membuat Splash Screen Android Studio Menuju Activity Lain
Cara Membuat Splash Screen Android Studio Menuju Activity Lain

Jadi, di sini kita memiliki 2 form, yaitu form 1 yang akan dieksekusi pertama kali ketika program dijalankan dan form 2 yang akan dijalankan setelah form 1 selesai loading.

Pada aplikasi-aplikasi android lainnya, seperti aplikasi Gojek, Payfazz, dan lain sebagainya, jika dibuka maka akan menampilkan logo perusahaan menuju ke jendela berikutnya. Jika sinyal internet jelek maka proses loading akan lama. Namun pada tutorial ini, kita hanya menggunakan loading sederhana menggunakan timer.

Cara Membuat Splash Screen Android Studio Menuju Activity Lain


Untuk lebih jelasnya, berikut tutorial cara membuat splash screen android studio menuju ke activity lainnya.

1. Pertama, buka aplikasi Android Studio.

2. Klik File > New > New Project > Next

3. Pilih Empty Activity > Next >

- Isi Name: anaktoraja
- Language: Java
- API Version: Pilih Android Versi 4.2 Jelly Bean aja.

Kemudian klik Finish.

Akan muncul secara otomatis jendela 1, yaitu activity_main.xml.

4. Klik File > New > Activity > Empty Activity

Langkah keempat ini untuk membuat jendela 2.

Pada name, pastikan isi dengan home.

5. Desain jendela 1

Buka activity_main.xml di:

Project > app > res > layout > activity_main.xml

Pada activity_main.xml tampilan Design, tambahkan TextView. Pada Attributes ubah text menjadi Loading... .

Jika mau menyisipkan gambar ke splash screen di jendela 1 ini, bisa dengan menambahkan komponen Common ImageView.

Atau jika mau menambahkan background gambar di Android Studio full layar pada jendela, bisa menggunakan kode berikut ini.

android:background="@drawable/gambar1"

Keterangan:

Letakkan di dalam kode utama sebelum kode

tools:context=".MainActivity">

Jadi, kurang lebih, kodenya seperti ini untuk background gambar.

android:background="@drawable/gambar1"
tools:context=".MainActivity">

Sementara untuk gambar1 adalah nama file gambar format PNG yang telah dimasukkan ke project aplikasi yang dibuat di Project > app > res > drawble > gambar1.png.

6. Kode Splash Screen di Jendela 1

Buka MainActivity.java di:

Project > app > java > com.example.anaktoraja > MainActivity

dan copy code berikut ini.

package com.example.anaktoraja;

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.content.Intent;
import android.os.Handler;

public class MainActivity extends AppCompatActivity {

private int splashanaktoraja = 2000;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
// after loading go to home.java
Intent home = new Intent(MainActivity.this, home.class);
startActivity(home);
finish();
}
}
,splashanaktoraja);
}
}

Pembahasan kode

Pada dasarnya, kode splash screen di atas yang paling penting adalah:

- Mendefinisikan variabel integer

private int splashanaktoraja = 2000;

Jika kita mengubah 2000 menjadi lebih tinggi maka proses loading akan semakin lama. Jika kita ubah lebih rendah maka proses loadingnya akan semakin cepat.

- Dan kode ini di bawah @Override :

new Handler().postDelayed(new Runnable() {
@Override
public void run() {
// after loading go to home.java
Intent home = new Intent(MainActivity.this, home.class);
startActivity(home);
finish();
}
}
,splashanaktoraja);

Keterangan kode:

Kode home.class adalah kode untuk menuju ke activity.home.xml (jendela 2) ketika loading selesai.

Jika ingin menuju ke jendela lainnya, cukup ubah home.class menjadi jendela3.class misalnya. Namun pastikan untuk membuat activity baru dengan nama jendela3 juga.

Untuk lebih jelasnya lagi, perhatikan gambar di bawah ini.

Kode Program Splash Screen Android Studio
Kode Program Splash Screen Android Studio

Sebenarnya, kode program splash screen ini sama saja dengan kode pindah ke activity lainnya di Android Studio. Sama-sama menggunakan Intent. Bedanya, aja, di splash screen ini, kita menggunakan kontrol otomatis menggunakan waktu.

Jika mau pindah dari jendela 1 ke jendela 2, bisa menggunakan kode ini pada Button, TextView, ImageView, dan lain sebagainya. Cukup tambahkan onClick pada file xml dan pada java class, tambahkan kode Intent di atas.

Selengkapnya bisa dilihat di Cara Pindah Activity Dengan Button Android Studio

Demikianlah cara membuat splash screen Android Studio menuju activity lainnya. Semoga bermanfaat!
Contact Us: Komentar, saran dan masukan melalui WA 085396717324 dan Gmail Lara4store@gmail.com.