Membuat Splash Screen Aplikasi Android

Splash Screen merupakan salah satu bentuk tampilan awal aplikasi yang muncul dan akan menghilang secara otomatis dalam jangka waktu tertentu. Dalam pembahasan kali ini, implementasi Splash Screen pada aplikasi Android akan kita bahas bagaimana cara pembuatannya dari awal sampai akhir. Hasil akhir akan menghasilkan aplikasi android dengan splash screen yang menarik.

Mari kita lihat dan pahami langkah-langkah pembuatan Splash Screen dengan menggunakan IDE Android Studio.

Contoh Splash Screen Android

Untuk membuat Splash Screen pada Aplikasi Android, hal pertama yang dibutuhkan yaitu desain layar atau gambar. Pastikan Gambar yang mau digunakan sebagai Splash Screen telah disiapkan. Bentuk Splash Screen yang akan kita buat akan tampil ditengah-tengah layar (center).

Sekarang, buatkan Project Baru menggunakan Android Studio, gunakan model Empty Activity.

DESAIN SPLASH SCREEN

bentuk Splash Screen yang akan kita buat sekarang adalah sebuah Gambar atau logo yang akan muncul saat pertama kali aplikasi dijalankan. Untuk Gambar Splash Screennya letakkan dalam resource : drawable, lihat gambar berikut:

Klik kanan pada drawable folder dan buatkan drawable resource file. Beri nama  filenya : splash_screen.xml

Splash Screen Android

Menambahkan File pada Folder Drawable

Splash Screen Android

Pemberian Nama resource baru

File splash_screen.xml akan kita ubah codenya menjadi sebagai berikut:


<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<color android:color="#ffffff"></color>
</item>

<item
android:width="170dp"
android:height="180dp"
android:drawable="@drawable/app_logo"
android:gravity="center_horizontal|center_vertical" />

</layer-list>

Tampilan aplikasi pada Android Studio :

Splash Screen Android

Coding splash_screen.xml

Pastikan gambar atau logo sudah diletakkan dalam folder drawable,karena gambar tersebut yang akan digunakan sebagai Splash Screen.

Selanjutnya, kita akan buat desain atau tema untuk splash screennya.

BUATKAN TEMA SPLASH SCREEN

Buka file : res->values->styles.xml dan lakukan modifikasi codenya menjadi:


<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>

<!-- Android Splash Screen Example -->
<style name="AppTheme.Launcher" parent="Theme.AppCompat.Light.NoActionBar">
<item name="android:windowBackground">@drawable/splash_screen</item>
</style>

</resources>

Selanjutnya kita ubah code pada : android_manifest.xml manjadi :


<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.merdudeveloper.splashscreen">

<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme.Launcher">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />

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

</manifest>

Kita lakukan perubahan code pada baris :

android:theme=”@style/AppTheme.Launcher”

Terakhir, untuk bisa menampilkan Splash Screen, ubah code Java pada class : Main_activity.java menjadi :


package com.merdudeveloper.splashscreen;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
//Setting AppTheme untuk tampilkan activity
setTheme(R.style.AppTheme);
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}

Jalankan projectnya dan berikut hasilnya:

Splash Screen Android

Splash Screen Android

Dalam beberapa detik, logo splash screean akan menghilang secara otomatis dan akan muncul Activity berikutnya

Splash Screen Android

Splash Screen Android

Mungkin Anda juga menyukai

Leave a Reply

avatar
  Subscribe  
Notify of