Cara Membuat Aplikasi Android

Tutorial Splash Screen Android, Layar Pembuka Aplikasi Android

Pada kali ini kita akan membahas tentang bagaimana membuat splash screen pada aplikasi android, artikel ini adalah kelanjutan dari (https://soft-gain.com/2020/06/19/cara-membuat-aplikasi-android-rest-api-menggunakan-retrofit/). Splash screen itu sendiri adalah sebuah tampilan atau interface yang menjadi layar pembuka saat kita pertama kali menjalankan aplikasi android, biasanya pada layar disertakan nama aplikasi, logo dan warna dominan yang menjadi ciri khas dari aplikasi tersebut. Tanpa berbasa-basi lagi, langsung saja kita masuk pada pembahasan tutorial splash screen android.

Pertama, kita akan membuat sebuah layout baru dengan nama activity_splash.xml, layout ini lah yang akan menjadi tampilan antar muka yang di lihat oleh user. Isinya kurang lebih seperti ini :

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorPrimaryDark"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="My Inventory"
        android:textColor="#fff"
        android:textSize="40sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

Pada interface di atas, kita hanya akan menampilkan nama dari aplikasi ini saja, silahkan dikembangkan sesuai kebutuhan apakah hendak menggunakan gambar dan lain sebagainya.

Berikutnya kita akan membuat satu activiy baru yaitu SplashActivity.java, dalam activity ini kita hanya memanggil layout activity_splash lalu kita memberikan jeda kira-kira 3 detik dan langsung membuka activity baru yaitu MainActivity.java. Isi dari SplashActivity seperti ini :

package com.soft_gain.myinventory;

import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.support.v7.app.AppCompatActivity;

public class SplashActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_splash);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent home = new Intent(SplashActivity.this, MainActivity.class);
                startActivity(home);
                finish();
            }
        },3000);
    }
}

Terakhir kita akan merubah sedikit file AndroidManifest.xmlm di dalamnya kita akan melakukan sedikit konfigurasi untuk menentukan SplashActivity lah yang akan kita jalankan terlebih dahulu saat aplikasi dijalankan. Tambahkan baris kode ini pada tag aplication :

<activity android:name=".SplashActivity" android:theme="@style/Theme.AppCompat.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
</activity>

Selanjutnya kita tinggal coba menjalankan aplikasi pada emulator atau pada perangkat hp kita secara langsung. Seperti ini lah kurang lebih hasil dari splash screen yang sudah kita buat :

Tutorial Splash Screen Android
Splash Screen

Demikian lah tutorial membuat splash screen pada aplikasi android, menurut saya hal ini relatif mudah dan silahkan dimodifikasi atau di sesuaikan tampilan dari halaman splash-nya dengan aplikasi android yang sedang anda kembangkan.

Menurut saya secara pribadi, splash screen ini adalah salah satu elemen penting untuk menunjukan value atau nilai dari brand yang sedang coba kita kembangkan, karena splash screen ini menentukan first impression user saat pertama kali membuka aplikasi yang kita buat, saya sendiri suka menghabiskan banyak waktu hanya untuk geser-geser logo ganti warna sampai saya merasa telah menentukan formula yang tepat untuk tampilan dari splash screen saya (splash screen pada tutorial kali ini sederhana karena hanya contoh saja). Pepatah berkata jangan melihat buku dari cover-nya, tapi kenyataannya banyak orang yang menilai sesuatu dari penampilannya terlebih dahulu, barulah tertarik untuk melihat isinya. Untuk full source nya bisa di ambil di sini (https://github.com/ImmanuelJL/myinventory.git), terima kasih.

Leave a Reply

Your email address will not be published. Required fields are marked *