Rabu, 08 April 2020

Tutorial Android Splash Screen Menggunakan Android Studio

Tags

Banyak Aplikasi Android populer seperti Skype, Facebook, Adobe Reader, 500px, Dropbox dll., Menggunakan splashscreen untuk menampilkan logo mereka. Sebagian besar Aplikasi Android menggunakan Android Splash Screen sebelum meluncurkan Aktivitas aplikasi. Layar splash Android digunakan untuk menampilkan logo atau merek untuk suatu aplikasi. Pada artikel ini kita akan membahas tentang menerapkan Layar Splash Android secara sederhana.

Pertama kita akan membuat proyek default baru menggunakan langkah-langkah sederhana ini:

  • Klik pada File > Proyek Baru.
  • Selanjutnya, tentukan Nama Aplikasi dan SDK Minimum dan tekan Selanjutnya
  • Pilih Empty Activity dan Tekan Selanjutnya.
  • Tekan Selesai.

Tahap ini akan menciptakan Proyek Hello world sederhana yang akan kami terapkan layar Splash android. Kami sudah membahas secara rinci tentang Membuat Proyek Android Baru di artikel sebelumnya.

Membuat Android Splashscreen:

1. Untuk menampilkan layar splash, pertama-tama kita perlu layout. Jadi mari kita membuat Layout dengan Mengklik Kanan pada Layout (terletak di App > Res > Layout) dan memilih New > Layout Resource File. Beri nama apa saja. Saya memberikannya splash.xml. Sekarang pilih tab Teks yang terletak di bawah seperti yang ditunjukkan pada gambar di bawah ini.


2. Sekarang Buka File Explorer di Sistem Operasi Anda dan paste gambar yang ingin Anda gunakan sebagai splash screen di Drawable Folder. (Umumnya terletak di:

C:\Users\UserName\ AndroidStudioProjects\AndroidSplashScreenExample\app\src\main\res\drawable


Ukuran gambar yang disarankan adalah 800 x 1280 piksel dan formatnya adalah jpeg atau png. Pastikan Anda memberi nama gambar menggunakan huruf kecil dan garis bawah tanpa menggunakan Simbol Khusus. Saya menamainya sebagai splash_image.

3. Sekarang ketikkan kode berikut di Tab Teks splash.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:background="@drawable/splash_image"
              android:orientation="vertical"/>


Background diatur ke splash_image yang baru saja kita salin di folder Drawable. Di sini lebar dan tinggi tata letak diatur ke match_parent sehingga gambar latar belakang memenuhi seluruh Tata Letak.

4. Splashscreen adalah activity terpisah yang akan ditampilkan terlebih dahulu dari semua activity lainnya. Saya membuat splash activity dengan membuat class baru. Buat class baru dengan cara pilih App > Java > Package Anda dan klik kanan pada package Anda dan pilih New > Java Class. Beri nama apa saja. Di sini, saya memberikannya sebagai SplashScreen. Sekarang Ketikkan Kode Berikut dalam activity SplashScreen:

package com.ekarzaen.androidsplashscreenexample;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;


public class SplashScreen extends Activity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub super.onCreate(savedInstanceState);
        setContentView(R.layout.splash);
        Thread timerThread = new Thread() {
            public void run() {
                try {
                    sleep(3000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                } finally {
                    Intent intent = new Intent(SplashScreen.this, MainActivity.class);
                    startActivity(intent);
                }
            }
        };
        timerThread.start();
    }

    @Override
    protected void onPause() { // TODO Auto-generated method stub
        super.onPause();
        finish();
    }
}


Saya menggunakan method kelas Thread seperti -

sleep (long time) - untuk membuat thread tidur selama beberapa waktu (dalam milidetik).

start () - untuk memulai thread.

Sleep membutuhkan waktu dalam milidetik sebagai parameternya (3000 => 3 detik). Di sini Saya menggunakan waktu tunda ini sebagai waktu untuk menampilkan activity layar splash. Setelah waktu tunda ini, MainActivity dimulai dengan kode yang ditulis di finally {} blok.

Aktivitas layar splash tidak boleh ditampilkan ketika pengguna menekan tombol kembali. Untuk melakukan ini, kita harus men-destroy aktivitas layar splash setelah ditampilkan selama beberapa detik. Ini dilakukan dengan menggunakan metode onPause (). Metode onPause () adalah metode kelas Activity yang akan dieksekusi ketika pengguna meninggalkan aktivitas.

Selanjutnya, Kita perlu menentukan aktivitas mana yang akan dibuka setelah menampilkan layar Splash. Ini dilakukan dengan menggunakan konstruktor Intent (Context, Class) dari kelas Intent.

5. Sekarang untuk membuat layar splash Anda berfungsi, Anda perlu mendaftarkan Activity SplashScreen di Android Manifest. Jadi, buka file Manifest dengan mengklik App> Manifests> AndroidManifest.xml. Sekarang kita tambahkan referensi ke Aktivitas baru yang baru saja kita buat dan Ubah Launcher (Aktivitas yang Diluncurkan lebih dulu) menjadi splash.xml dengan mengubah kode yang ditunjukkan di bawah ini:

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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme">
        <activity
            android:name=".SplashScreen"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="com.ekarzaen.androidsplashscreenexample.MAINACTIVITY"/>
                <category android:name="android.intent.category.DEFAULT"/>
            </intent-filter>
        </activity>
    </application>
</manifest>


Sekarang Tekan Tombol Jalankan (atau Shift + F10) dan pilih Emulator atau Perangkat Asli untuk menjalankan program. Sekarang Anda dapat melihat Android Splash Screen ditampilkan sebelum aktivitas Anda.


EmoticonEmoticon