Membuat Splash Screen / Welcome Screen pada Android

Hai gan, sudah lama admin tidak update artikel baru pada blog ini, pada artikel sebelumnya, saya telah membahas tentang Apa itu MySQL. Dan pada artikel kali ini saya akan membahas tentang cara membuat splash screen di Android.

Dalam membuat aplikasi android, kita tidak hanya bisa menampilkan menu dan isi dari aplikasi kita, tetapi kita juga dapat memunculkan fitur utama pada aplikasi kita, itulah salah satu fungsi dari Splash Screen atau Welcome Screen. Kita juga bisa memberi tahu user fitur-fitur unggulan yang bisa dipakai pada aplikasi kita. Splash Screen dapat meliputi text, gambar, maupun progress bar. Langsung saja kita membahas tentang cara membuat splash screen pada android studio.

Buat sebuah project baru

Buat sebuah project baru dengan nama Splash Screen dan pilih Empty Activity. Lalu beri nama pada activity tersebut dengan nama SplashActivity

Membuat tampilan

Buka file activity_Splash pada folder res > layout dan salin kode-kode berikut :

 <?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:id="@+id/activity_splash"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffffff"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="id.co.horveno.suratapp.Splash">

    <ImageView
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:src="@mipmap/ic_launcher"
        android:layout_centerHorizontal="true"
        android:id="@+id/iconspash"
        android:layout_marginTop="60dp"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/iconspash"
        android:text="Welcome"
        android:textColor="@android:color/black"
        android:textAppearance="@style/Base.TextAppearance.AppCompat.Display1"
        android:layout_marginTop="100dp"
        android:id="@+id/textView2" />

    <ProgressBar
        style="?android:attr/progressBarStyle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView2"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="65dp"
        android:id="@+id/progressBar" />

</RelativeLayout>

Jika sudah membuat tampilan splash screen, maka langkah selanjutnya adalah membuat activity baru dengan nama MenuUtama.java. Setelah itu, kita akan memberikan kode pada class Splash.java :

package id.co.horveno.suratapp;

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

public class Splash extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_splash);

        /*Untuk menahan activity sementara*/
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                startActivity(new Intent(getApplicationContext(), MenuUtama.class));
                /*Durasi splash selama 3000ms*/
                finish();
            }
        }, 3000);
    }
}

Jika sudah selesai maka jika dijalankan akan nampak seperti gambar berikut :

Saat dijalankan, Splash akan tampil selama 3 detik. Lalu jika splash-nya sudah selesai akan berpindah activity ke MenuUtama. Sekian cara Membuat Splash Screen / Welcome Screen pada Android yang telah saya sampaikan, Semoga Bermanfaat.  

• Tweet
• Share
• Share
• Share
• Share

About ALVIN

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post