Cara Membuat Splash Screen Pada Aplikasi Android

GULANGGULING.COM | Hae gaes. Kali ini kami akan berbagi bagaimana membuat splash screen pada aplikasi Android. Apa itu splash screen?

A splash screen is a graphical control element consisting of a window containing an image, a logo, and the current version of the software. A splash screen usually appears while a game or program is launching. – Wikipedia

Splash screen adalah sebuah halaman yang berisi gambar atau logo atau semacam tulisan nama dari aplikasi dan biasanya akan muncul ketika aplikasi itu pertama kali dijalankan. Ya bisa diistilahkan sebagai welcome screen lah.

Kegunaan splash screen ini selain untuk mempercantik atau memperjelas identitas aplikasi, terkadang splash screen ini juga digunakan sebagai waktu tunggu ketika aplikasi sedang melakukan unduh/download file.

Pada kesempatan ini kami akan berbagi tentang cara membuat splash screen ini. Splash screen yang akan kita buat ini cukup sederhana, kita akan membuat sebuah halaman sederhana berisi logo, text dan akan muncul beberapa saat ketika aplikasi pertama kali dijalankan.

Mari kita mulai, ada dua file yang perlu kita buat untuk membuat splash screen antara lain Splashscreen.java, activity_splash.xml. Selain itu kita hanya perlu menyiapkan gambar sabagai logo dan sebuah nama untuk aplikasi yang akan kita buat.

Pertama, kita buat layout untuk halaman splash screen, activity_splash.xml. File ini berisi kode sebagai layout, berisi deskripsi nama aplikasi dan logo sebagai identitas.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorPrimary">

<ImageView
android:id="@+id/imgLogo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginBottom="10dp"
android:src="@mipmap/ic_launcher_round" />

<TextView
android:id="@+id/appName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/imgLogo"
android:layout_centerInParent="true"
android:text="@string/app_name" />
</RelativeLayout>

Selanjutnya, kita akan membuat file java dengan nama Splashscreen.java yang berisi kode fungsi untuk menampilkan dalam durasi tertentu sebelum selanjutnya membuka activity lainnya.

package id.web.aiueo.androidsplashscreen;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
/**
 * Created by Ardhitya Wiedha Irawan on 9/14/2017.
 */

public class Splashscreen extends Activity{
    private static int SPLASH_TIMER = 3000;
    @Override
    protected void onCreate( Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);

        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent i = new Intent(Splashscreen.this,MainActivity.class);
                startActivity(i);
                finish();
            }
        },SPLASH_TIMER);
    }
}

Pada dasarnya kita telah berhasil membuat splash screen, selanjutnya hanya perlu menambahkan activity pada file manifest. Contohnya seperti dibawah ini :

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="id.web.aiueo.androidsplashscreen">
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">

        <activity android:name=".Splashscreen"
            android:label="@string/app_name"
            android:screenOrientation="portrait"
            android:theme="@android:style/Theme.Black.NoTitleBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name">
        </activity>
    </application>

</manifest>

Sampai disini kita sudah selesai membuat splash screen pada aplikasi Android. Jika Anda belum jelas dengan tutorial ini silakan download source code pada github.

Selamat mencoba!

Download full source code GitHub

 

Baca tutorial Android lainnya pada halaman ini.