Lompat ke konten Lompat ke sidebar Lompat ke footer

√ Android Studio - Cara Membuat SPLASH SCREEN ANIMASI [Androidx terbaru]

Kembali lagi bersama ekorkode, kali ini saya akan menyapa kalian para developer. Karena kalian menemukan artikel ini saya pastikan kalian sedang belajar membuat aplikasi di Android Studio bukan?.

cara bikin splash screen animasi

Aplikasi android sudah marak tersebar di internet bahkan kita sendiri bisa membuatnya sesuka hati, namun untuk membuat sebuah aplikasi perlu mempelajari dasar-dasarnya terlebih dahulu. Nah bagian penting yang sering diterapkan pada aplikasi Android ialah bagian Splash Screen.

Apa itu Splash Screen?

Splash Screen ialah sebuah bagian berupa gambar atau logo aplikasi yang akan muncul saat pertama kali aplikasi dibuka. Hampir semua aplikasi terkenal sudah memanfaatkan Splash Screen ini guna meningkatkan kualitas aplikasi. Manfaat lain dari penerapan Splash Screen ini supaya user lebih mudah mengingat suatu aplikasi berdasarkan gambar dan logonya.


Splash Screen Animasi vs Gambar/ Logo

Kalau saya amati memang kebanyakan aplikasi menggunakan splash screen berbentuk gambar statis saja, tapi kalo kalian tahu splash screen ini sebenarnya bisa dibuat menjadi berbentuk animasi tentunya memanfaatkan gambar berformat .gif.

Keunggulan menggunakan Splash Screen berbentuk .gif / Animasi tentunya memperbagus tampilan dan semakin meningkatkan kualitas sebuah aplikasi yang dibuat. Berbeda dengan Splash Screen biasa yang menggunakan gambar logo berformat jpg, jpeg, png, Splash Screen Animasi menggunakan format gambar.gif (Bergerak).

Hanya mempunyai gambar .gif tidak cukup untuk membuat Splash Screen berbentuk animasi, kita harus menambahkan sedikit kode supaya gambar bisa bergerak, nah untuk itu simaklah langkah-langkahnya dibawah ini dengan cermat.

Cara Membuat Splash Screen Berbentuk gambar .gif Animasi Android Studio

Saya akan memulai dari langkah Membuat Project Android supaya kalian dapat dengan mudah mengikuti tutorial ini dan Paham. Oh ya Siapkan terlebih dahulu gambar animasi kemudian replace pada drawable>slack.png

1. Buat Project Baru menggunakan Empty Activity, namai project dengan "ekorkode" misalnya.
2. Masukan ke build.gradle dalam dependencies kode dibawah ini
implementation 'com.github.bumptech.glide:glide:3.6.1'
3. Copy Kode ini di Mainactivity.java
package com.example.ekorkode;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.widget.ImageView;
import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;

public class MainActivity extends AppCompatActivity {
    ImageView GambarGif;
    private int waktu_loading=5000; // 2000 = 2 detik
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        setContentView(R.layout.activity_main);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                Intent pindah = new Intent(MainActivity.this, Halamanutama.class);
                startActivity(pindah);
                finish();
            }
        },waktu_loading);

        GambarGif = (ImageView)findViewById(R.id.imgGif);

        Glide.with(MainActivity.this)
                .load(R.drawable.slack)
                .asGif()
                .diskCacheStrategy(DiskCacheStrategy.SOURCE)
                .into(GambarGif);
    }
}
4. Copy Kode ini ke activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/imgGif"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="65dp"
        android:layout_marginBottom="66dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/slack" />
</androidx.constraintlayout.widget.ConstraintLayout>
5. Buat Activity baru dengan nama Halamanutama
6. Run, dan Selesai

Hasilnya Akan seperti ini:
contoh splash screen animasi


Jika terjadi Error Silahkan langsung Download Project Saya saja sebagai bahan pembelajaran: Download Project ini

Kesimpulan
Bagaimana mudah bukan membuat Splash Screen berbentuk animasi gif, semakin baik kualitas antarmuka aplikasi maka nantinya pengguna juga akan merasa senang untuk menggunakan aplikasi tersebut.

Dengan membuat splash screen yang baik setidaknya akan membuat pandangan pertama dari sebuah aplikasi berkesan baik oleh para pengguna, makanya sangat penting menentukan gambar splash screen yang berkualitas.

Posting Komentar untuk "√ Android Studio - Cara Membuat SPLASH SCREEN ANIMASI [Androidx terbaru]"