Membuat Splash Screen Animasi Di Iandroid Studio

Kali ini saya akan memberikan tutorial membuat Splash Screen Animasi untuk mempercantik tampilan aplikasi kita.

Apa itu splahs screen?

Bagi programmer android tentu sudah tidak asing lagi. Splash screen adalah tampilan awal aplikasi pada saat diluncurkan. 

Tentunya banyak cara untuk membuat spalsh screen. Salah satunya adalah berikut ini dengan memanfaatkan library dari AwesomeSplash.

Ok Mari kita mulai.

1. Buat project baru

  Beri nama aplikasi dan nama package sesuai keinginan

2. Tentukan minimum sdk

3. Selanjutnya pilih Empty Activity pada screen berikutnya

4. Dan biarkan nama activitynya secara default

     Selanjutnya klik finish

     Tunggu hingga android studio melakukan sinkronisasi gradle.

     Catatan: Pastikan laptop/PC anda terhubung ke internet

5. Selanjutnya akan tampil halaman project kita

6. Buka Gradle Scrip > build:gradle (Project:SplashScreen) untuk menambahkan repository

   Paste code berikut di bagian repositories:

maven {url "https://jitpack.io"}

Lanjutkan dengan melakukan sinkronisasi dengan mengklik: sync now pada pojok akanan atas android studio

7. Buka Gradle Scrip > build:gradle (Module:app) untuk menambahkan libray

paste code berikut di bagian dependencies:

compile 'com.github.ViksaaSkool:AwesomeSplash:v1.0.0'

lanjutkan dengan melakukan sync now

8. Selanjutkan buat java class baru dengan nama SplashActivity.java

paste code berikut :

package com.kuakeikecil.splashscreen;
import android.content.Intent;
import android.support.v7.app.ActionBar;
import android.view.WindowManager;

import com.daimajia.androidanimations.library.Techniques;
import com.viksaa.sssplash.lib.activity.AwesomeSplash;
import com.viksaa.sssplash.lib.cnst.Flags;
import com.viksaa.sssplash.lib.model.ConfigSplash;
/**
 * Created by Yoeszch on 26/12/2017.
 */

public class SplashActivity extends AwesomeSplash {
    @Override
    public void initSplash(ConfigSplash configSplash){
        ActionBar actionBar = getSupportActionBar();
        actionBar.hide();
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

        //menambahkan background
        configSplash.setBackgroundColor(R.color.bg_splash);
        configSplash.setAnimCircularRevealDuration(3000);
        configSplash.setRevealFlagX(Flags.REVEAL_LEFT);
        configSplash.setRevealFlagX(Flags.REVEAL_BOTTOM);

        //menambahkan logo
        configSplash.setLogoSplash(R.drawable.logo);
        configSplash.setAnimLogoSplashDuration(2000);
        configSplash.setAnimTitleTechnique(Techniques.FadeIn);

        //menambahkan title
        configSplash.setTitleSplash("Splash Demo App");
        configSplash.setTitleTextColor(R.color.splash_title);
        configSplash.setTitleTextSize(20f);
        configSplash.setAnimTitleDuration(2000);
        configSplash.setAnimTitleTechnique(Techniques.ZoomIn);
    }
    @Override
    public void animationsFinished(){
        startActivity(new Intent(SplashActivity.this, MainActivity.class));
    }
}

Lakukan perubahan pada nama package dan nama class sesuai project.

Pada activity diatas masih terdapat error yang ditandai dengan warna merah yakni pada resource:

(R.color.bg_splash), (R.drawable.logo) dan (R.color.splash_title).

Untuk mengatasi hal ini, kita harus membuat resource tadi.



9 Buka Color resource di folder res>values>color:



Tambahkan code :



<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="bg_splash">#0d1984</color>
    <color name="splash_title">#faf31c</color>
</resources>
10. Tambahkan gambar di folder res>drawable dengan dimensi 100 x 100 pixel beri nama logo
Pada tahap ini SplashActivity.java sudah selesai.
11. Selanjutnya kita akan menambahkan SplashActivity.java di manifest, Buka Folder App>manifest>AndroidManifest.xml
Tambahkan code berikut:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.kuakeikecil.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=".SplashActivity"
            android:noHistory="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

</manifest>
Jangan lupa untuk mengubah categori pada MainAtivity ke DEFAULT
Selanjutnya Run App di emulator
Hasilnya akan seperti ini:
Selamat mencoba:
Lihat videonya disini: 

Baca Juga