Cara Membuat Splash Screen Android

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.

Cara Membuat Welcome Screen atau Splash Screen 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.


Cara Membuat Welcome Screen atau Splash Screen Android

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

Cara Membuat Welcome Screen atau Splash Screen Android

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.


Previous
Next Post »

14 komentar

Click here for komentar
9 April 2017 at 02:36 ×

gan error dibagian android:src="@drawable/logo" .
sama di setContentView(R.layout.activity_splash_screen); [R] R itu merah itu apaan ya ? mohon pencerahan...

Reply
avatar
Aji Setya
admin
10 April 2017 at 13:59 ×

terimakasih sudah berkunjung.. error tersebut muncul karena ada resurce gambar yang tidak ditemukan di dalam folder drawable.. coba masukkan 2 gambar dengan nama logo

untuk error kedua itu terjadi karena nama layout tidak sesuai dengan project, silahkan sesuaikan dengan file yang ada di folder layout, biasanya bernama activity_main

Reply
avatar
18 April 2017 at 03:17 ×

oke bro ane coba lagi...

Reply
avatar
Nur Irfan
admin
15 May 2017 at 02:30 ×

android:paddingBottom="@dimen/activity_vertical_margin"

mas saya newbie, @dimen itu apa ya mas? asal usulnya....
terus activity_vertical_margin itu emang udah ada di android studionya atau dinamain sendiri sama mas?

terima kasih

Reply
avatar
Aji Setya
admin
15 May 2017 at 06:24 ×

@dimen adalah nama file dalam resource android untuk menyimpan nilai dimensi. file ini terletak di dalam folder value

activity_vertical_margin adalah nama value atau nilai yang di simpan di dalam file dimen

dua hal ini biasanya sudah terbentuk oleh android studio, kita bisa membuatnya dengan pengaturan sendiri sesuai yang kita inginkan

@dimen/activity_vertical_margin dipanggil untuk menentukan jarak atau ukuran dimensi dalam layout

seperti itulah om, moga membantu... =D

Reply
avatar
Nur Irfan
admin
15 May 2017 at 16:17 ×

terima kasih mas, sangat membantu :)

Reply
avatar
Koirul Mukit
admin
30 May 2017 at 11:35 ×

gan mohon diperjelas untuk

android:paddingBottom="@dimen/activity_vertical_margin"

bagaimana cara membuatnya dan isi codenya apa saja...terima kasih gan

Reply
avatar
Aji Setya
admin
30 May 2017 at 17:08 ×

itu adalah properti untuk mengatur jarak luar, kita bisa menyimpan nilainya di dalam file dimen yg ada di dalam folder values - dimen

untuk menambahkan value, silahkan agan buka file dimen kemudian tambahkan nama dan nilai yang diinginkan, biasanya file ini akan terbentuk otomatis ketika pertama membuat project, akan ada 2 nilai yang terbentuk di dalam file dimen..

semoga membantu gan hehe

Reply
avatar
15 June 2017 at 15:35 ×

saya sudah mengikuti semua tuorialnya, ketika aplikasi djalankan tidak muncul splash screenya tp tidak ada error yang muncul..kira2 knp ya.??
apakah di android manifest perlu ada perubahan.?
trims

Reply
avatar
Aji Setya
admin
15 June 2017 at 15:57 ×

coba cek di android manifest mas, periksa apakah semua activity sudah terdekarasi di sana..
kemudian pastikan bahwa activity splashscreen adalah activity launcher/yg tampi terlebih dahulu..

semoga membantu 😁

Reply
avatar
16 June 2017 at 13:43 ×

siip gan.. thanks, udah bisa..!!

Reply
avatar
Aji Setya
admin
19 June 2017 at 11:06 ×

sama2 gan, salam kompor gas :-bd

Reply
avatar
Unknown
admin
14 July 2017 at 20:03 ×

07/14 19:40:19: Launching app
Could not identify launch activity: Default Activity not found
Error while Launching activity

tolong bantuannya gan...
ini knapa yah... errornya muncul.

Reply
avatar
Aji Setya
admin
17 July 2017 at 20:34 ×

coba di cek dibagian androidmanifest mas, pastikan activity spalsh menjadi launcer activity

Reply
avatar

Terimakasih atas kunjunganya.
Jika ada pertanyaan, komentar, atau saran, silakan tulis pada kolom di bawah ini.

ConversionConversion EmoticonEmoticon