Tutorial Cara Membuat Splash Screen Dengan Langkah Mudah

Tutorial Cara Membuat Splash Screen Dengan Langkah Mudah

Splash Screen merupakan tampilan yang muncul saat membuka aplikasi di smartphone. Pada umumnya, biasanya gambar yang tampil saat membuka aplikasi adalah gambar loading. Namun saat ini splash screen bisa dimanfaatkan sebagai branding, seperti menampilkan logo perusahaan, nama, pesan, atau bahkan menampilkan iklan. 

Contohnya bisa dilihat saat membuka aplikasi Youtube, di mana akan muncul logo dari Youtube selama beberapa detik, sebelum aplikasi terbuka dengan sempurna. Sementara untuk splash screen berupa iklan, biasanya muncul pada aplikasi gratis tidak berbayar, tujuannya untuk mendapatkan income dari setiap penggunaan aplikasi tersebut.

Untuk bisa membuat splash screen tersebut, dibutuhkan sebuah software bernama Android Studio. Software ini gratis, disediakan oleh Google yang dikhususkan untuk pembuatan atau pengeditan aplikasi berbasis Android. Software ini bisa digunakan dengan operating system Windows, Mac, maupun Linux. Anda bisa melakukan unduhan di situs resminya.

Proses pembuatan splash screen ini tidak terlalu susah, memang membutuhkan pengetahuan tentang coding, namun dasarnya saja sudah cukup. Multi Blog akan membagikan cara membuat splash screen dengan langkah-langkah yang mudah untuk diikuti berikut ini. 

  • Unduh, pasang dan jalankan software Android Studio di komputer anda. Pada software klik buat proyek baru dan isi data sesuai kebutuhan. 

Nama Aplikasi : Splash Screen
Tablet & Phone : API 19 (silahkan disesuaikan)
Aktivitas : Empty Activity
Nama Aktivitas : Main Activity

        Tunggu beberapa saat hingga tampilan terbuka dengan sempurna.

  • Setelah itu langkah yang dilakukan adalah mengatur susunan tampilan atau layout splash screen pada file activity_main.xml. Di tahap ini anda bisa menggunakan logo yang sudah anda siapkan. Untuk memasukkan logo yang akan digunakan klik kanan pada menu drawable. Pilih show in explorer. Copy gambar logo ke drawable.

Selanjutnya masukkan kode berikut pada file activity_main.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:id=”@+id/activity_main”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:background=”#FFFFFF”
android:gravity=”center”
tools:context=”.MainActivity”>

<ImageView
android:layout_width=”160dp”
android:layout_height=”60dp”
android:id=”@+id/logo”
android:src=”@drawable/namalogo”
android:layout_centerVertical=”true”
android:layout_alignParentLeft=”true”
android:layout_alignParentStart=”true” />

</RelativeLayout>

  • Berikutnya mengatur style pada file styles.xml. Pada tahap ini akan menghilangkan menu action bar pada aplikasi, dan kemudian diganti warna utamanya menggunakan warna putih. Masukkan kode berikut ini pada file : 

<resources>

<!– Base application theme. –>
<style name=”AppTheme” parent=”Theme.AppCompat.Light.NoActionBar”>

<!– Customize your theme here. –>
<item name=”colorPrimary”>@color/colorPrimary</item>
<item name=”colorPrimaryDark”>#FFFFFF</item>
<item name=”colorAccent”>@color/colorAccent</item>

</style>

</resources>

  • Dalam tutorial ini, splash screen akan dicontohkan untuk tampil hanya selama 4 detik saja yang selanjutnya akan mulai masuk menampilkan layar menu utama aplikasi. Langkahnya buat activity baru dan beri nama activity home, seperti saat langkah pertama di atas. Kemudian masukkan 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_home”
android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:padding=”30dp”

tools:context=”.home”>

<TextView

android:layout_width=”match_parent”
android:layout_height=”match_parent”
android:text=”Pesan splash screen anda tampil di sini ”
android:textSize=”30sp”/>

</RelativeLayout>

  • Selanjutnya buka file MainActivity.java dan masukkan kode berikut. Yang perlu diperhatikan adalah kode waktu_loading=4000, yakni agar splash screen berjalan selama 4000 milidetik (4 detik).

 

package splashscreen;

import android.content.Intent;
import android.os.Handler;
import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {
private int waktu_loading=4000;
//4000=4 detik

@Override

protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main);
new Handler().postDelayed(new Runnable() {

@Override
public void run() {

//akan dialihkan ke home setelah loading selesai
Intent home=new Intent(MainActivity.this, home.class);
startActivity(home);
finish();

}
},waktu_loading);

}

}

 

  • Langkah terakhir, masukkan kode berikut pada file AndroidManifest.xml :

<?xml version=”1.0″ encoding=”utf-8″?>
<manifest xmlns:android=”http://schemas.android.com/apk/res/android”
package=”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”>
<activity android:name=”.MainActivity”>
        <intent-filter>
            <action android:name=”android.intent.action.MAIN” />

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

</manifest>

  • Langkah-langkah pembuatan splash screen selesai, anda bisa mulai untuk mencobanya menggunakan smartphone anda.

Mufti

Related Posts