Tutorial Membuat Splash Screen Pada Android Studio Versi 3.1.3 Terbaru

Pada kali saya akan membuat tutorial tentang splashscreen pada android studio. Mungkin sebahagian dari kalian sudah tau apa itu splashscreen. Bagi yang tidak mengerti apa itu splashscreen ini saya kasih tau.

Apa itu splashscreen?

Splash Screen adalah layar startup pertama yang muncul ketika App dibuka. Dengan kata lain, ini adalah layar konstan sederhana untuk jumlah waktu yang tetap yang digunakan untuk menampilkan logo perusahaan, nama, konten iklan, dll.

Biasanya ini menunjukkan kapan aplikasi pertama kali diluncurkan di perangkat android atau mungkin semacam proses yang digunakan untuk menampilkan layar kepada pengguna tepat sebelum aplikasi dimuat sepenuhnya.

Tutorial ini akan membantu Anda untuk belajar Cara membuat layar Splashscreen di aplikasi Android Anda.

1. Buat project baru.
2. Buka activity_main.xml dan tambahkan kode dibawah ini.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0000"
    tools:context="com.pakpahan.OnePersadaApp.splash">

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World by pakpahan!"
        android:textSize="20sp"
        android:layout_centerInParent="true"/>

</RelativeLayout>

3. Buat file XML baru dengan nama activity_splascreen.xml untuk layar Splash dan tempel kode          berikut di dalamnya.

Tata letak ini berisi logo aplikasi Anda atau logo produk lainnya yang ingin Anda tampilkan di layar splash.

Note: Jangan lupa masukkan logo atau gambar di directory drawable. Bagi yang blom tau lihat                      gambar dibawah ini.

activity_splascreen.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ff0000"
    tools:context="com.pakpahan.OnePersadaApp.splash">

    <ImageView
        android:id="@+id/logo_id"
        android:layout_width="250dp"
        android:layout_height="250dp"
        android:layout_centerInParent="true"
        android:src="@drawable/logo" />

</RelativeLayout>

4. Sekarang Buka directory app → java →package → MainActivity.java dan masukkan kode              dibawah ini.

MainActivity.java

package pakpahan.com.onepersadaapp;

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

public class MainActivity extends AppCompatActivity {


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


    }
}

5. Untuk Splash Screen kita akan membuat aktivitas splash yang terpisah. Buat kelas baru dalam             paket java kita dan beri nama sebagai splash.java.

Tambahkan kode ini dalam aktivitas splash.java. Dalam handler kode ini digunakan untuk menahan layar untuk waktu tertentu dan setelah waktunya habis maka layar yang dituju akan tampil. Waktu yang saya set di splash ini adalah  selama 3 detik.Saya akan menentukan detik dalam milidetik setelah metode Post Delayed () {}.

1 detik = 1000 milidetik.

Metode Post Delayed akan menunda waktu selama 3 detik. Setelah waktu tunda selesai, maka aktivitas utama Anda akan diluncurkan.

splash.java

package com.pakpahan.OnePersadaApp;

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

import com.pakpahan.imagemodel.R;

public class splash extends Activity {

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

        handler=new Handler();
        handler.postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent intent=new Intent(splash.this,MainActivity.class);
                startActivity(intent);
                finish();
            }
        },2000);

    }
}

6. Buka file AndroidManifest.xml dan buat kelas splash.java Anda sebagai aktivitas                    utama dan MainActivity.java sebagai aktivitas kedua (layar yang dituju).

AndroidManifest.xml

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

    <uses-permission android:name="android.permission.INTERNET" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/logo"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/logo"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name="com.pakpahan.OnePersadaApp.splash">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

</manifest>

Sekarang jalankan Aplikasi dan Anda akan melihat layar Splash sebelum masuk ke layar kedua.

Semoga tutorial yang kalian buat juga berhasil. Jika ada hal-hal yang tidak dimengerti silahkan tinggalkan komentar anda dibawah. Mudah-mudahan saya balas.
Terimakasih!

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

"Jangan lupa ikuti saya disini untuk update post terbaru dari saya agar kamu tidak ketinggalan"