Cara Membuat Splash Screen Android

Baca Juga

Hai sobat, di artikel kemari yang berjudul Membuat Animasi Floating Action Butoon, telah dijelaskan bagaimana cara membuat animasi pada objek Floating Action Button, dan di artikel kali ini akan dijelaskan bagaimana cara membuat welcome screen di aplikasi android.

Dalam membuat aplikasi android, kita bisa menampilkan fitur utama dari aplikasi yang kita buat dengan menggunakan welcome screen / loading screen / splash screen / intro screen / apalah sebutanya haha. Menambah splash screen adalah langkah baik untuk meningkatkan kualitas aplikasi karena dengan menggunakan splash screen selain bisa menampilkan fitur utama dari aplikasi yang kita buat, memasang slash screen juga bisa mempercantik tampilan aplikasi kita.

Welcome screen biasanya muncul hanya saat pertama kali aplikasi dibuka atau pertama kali diinstal. Splash screen bisa berisi informasi berupa tulisan dan gambar, ditampilkan per slide dan dilengkapi dengan dua tombol yaitu skip dan next. Penguna bisa menyeret layar ke samping atau menggunakan tombol untuk memindah slide.

Membuat Project Baru

Pada artikel ini, hanya akan membahas tentang welcome screen, dan kedepanya akan digunakan sebagai splash screen aplikasi login dan register data di aplikasi Psantren IDN. Buat broject baru dengan nama Pesantren IDN dan pilih Empty Activity di jendela pilihan activity, lalu beri nama activity dengan SplashScreen.

Membuat Tampilan

Selanjutnya buat tampilanya pada activity_splash_screen.xml sesuai selera atau bisa seperti contoh di bawah ini

<?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: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="com.blogsetyaaji.pesantrenidn.SplashScreen">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/logo"
        android:layout_marginTop="30dp"
        android:layout_centerHorizontal="true"
        android:id="@+id/logo"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Pesantren IDN"
        android:textSize="40dp"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/logo"
        android:id="@+id/textView" />

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/progressBar"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="45dp" />

</RelativeLayout>

Membuat Activity

Setelah membuat tampilan activity splash screen, selanjutnya buat activity baru sebagai activity utama yang dibuka setelah spash screen dengan nama MainActivity.java.
Kemudian buka SplashScreen.java dan buat kodenya seperti berikut ini

package com.blogsetyaaji.pesantrenidn;

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

public class SplashScreen extends AppCompatActivity {

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

        /*handler untuk menahan activity sementara*/
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                /*mulai activity ke MainActivity setelah 5 detik*/
                startActivity(new Intent(getApplicationContext(),MainActivity.class));
                finish();
            }
            /*durasi 5000ms*/
        },5000);
    }
}

Membuat Activity Tampil Pertama

Nah, langkah terakhir adalah mengecek apakah activity splshcreen menjadi activity launcher (tampil pertama kali ketika aplikasi di buka) dengan membuka file AndroidManifest.xml. periksa apakah activity splashcreen memiliki kode seperti berikut

<activity
            android:name=".Activity.SplashActivty"
            android:theme="@style/AppTheme.NoActionBar">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

Menjalankan Program

Jika sudah, maka aplikasi bisa dijalankan dengan memilih menu Run 'app', tampilanya akan seperti berikut ini

Saat pertama kali aplikasi dijalankan, maka splashscreen akan tampil dalam 5 detik, selanjutnya main activity tampil sebahgai activity utama.
Sekian artikel tentang Membuat Android Welcome Screen, semoga bermanfaat.

• Tweet
• Share
• Share
• Share
• Share

About AjiSetya

Ingin berbagi ilmu yang telah dipelajari dan dimiliki agar dapat menjadi ilmu yang bermafaat bagi orang lain. Keep learning and sharing

Related Post