Cara Mudah Membuat Splash Screen di Aplikasi Android

Tutorial Cara Membuat Splash Screen di Aplikasi Android

Halo semuanya. Bagaimana kabar kalian hari ini? Saya harap kalian semua dalam keadaan baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial tentang cara membuat splash screen di aplikasi android.

Splash screen biasanya digunakan untuk menampilkan logo aplikasi sebelum meluncurkan aktivitas aplikasi. Kalian bisa melihat contoh aplikasi populer ketika menggunakan splash screen seperti Facebook, Twitter, Instagram, Tokopedia, Gojek, BukaLapak, Traveloka dan lainnya. Splash screen dapat digunakan untuk menampilkan iklan, proses loading, untuk memberikan informasi aplikasi untuk user baru dan lain-lain.

Jadi, dalam tutorial ini kalian akan belajar cara membuat aplikasi splash screen sederhana untuk ditampilkan sebelum konten aplikasi android muncul.

- Advertisement -

Tutorial Cara Membuat Splash Screen Sederhana di Aplikasi Android

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:Splash Screen App
Package Name:com.androidrion.splashscreenapp
Language :Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  1. activity_main.xml
  2. activity_splash_screen.xml

Daftar file java activity yang digunakan dalam projek ini:

  • SplashScreenActivity.java

Berikut ini adalah langkah-langkah dalam pembuatan aplikasi Splash Screen App.

Drawable File

Tambahkan logo ke dalam folder drawable projek android studio kalian. pada tutorial ini saya menggunakan logo di bawah ini.

XML Layout File

1. Buatlah file xml layout baru dengan cara klik kanan pada folder layout lalu pilih New>Activity>Empty Activity. Simpan file xml layout baru dengan nama SplashScreenActivity.

2. Buka file activity_splash_screen.xml lalu tambahkan ImageView untuk menampilkan logo di dalamnya. Berikut ini adalah kode lengkap untuk file activity_splash_screen.xml

app/res/layout/activity_splash_screen.xml

<?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"
    tools:context=".SplashScreenActivity">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="50dp"
        android:src="@drawable/icon_new" />

</RelativeLayout>

Java Activity File

Buka file SplashScreenActivity.java kalian lalu tambahkan kode di bawah ini untuk membuat activity_splash_screen.xml menjadi full screen dan menambahkan waktu ketika runtime.

app/java/com.androidrion.splashscreenapp/SplashScreenActivity.java

Android Manifest File

Buka file AndroidManifest.xml kalian lalu ubah activity MainActivity menjadi SplashScreenActivity dan activity SplashScreenActivity menjadi MainActivity. Berikut adalah kode lengkap file AndroidManifest.xml untuk membuat layout splash screen berjalan terlebih dahulu ketika aplikasi di nyalakan.

app/manifest/AndroidManifest.xml

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

    <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">
        <activity android:name=".MainActivity"/>
        <activity android:name=".SplashScreenActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

</manifest>

Run ‘app’

Sekarang jalankan projek android studio kalian. Ketika kalian menginstall projek android studio kalian ke device atau emulator, maka aplikasi akan menampilkan logo yang telah di tambahkan pada layout splash screen selama 3 detik. Lalu setelah itu akan muncul layout activity main. Jika kode di atas tidak terjadi masalah maka aplikasi akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat cara membuat splash screen sederhana di android. Untuk membuat splash screen di aplikasi android tidaklah begitu susah karena seperti kita lihat tutorial di atas tidak begitu banyak kode yang digunakan untuk mengimplementasikan splash screen ke aplikasi android.

Jika kalian mengalami masalah dalam melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima kasih.

Download Project

Untuk download project pada tutorial ini, silahkan klik tombol dibawah ini.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.