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 studio7. 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 logoPada tahap ini SplashActivity.java sudah selesai.11. Selanjutnya kita akan menambahkan SplashActivity.java di manifest, Buka Folder App>manifest>AndroidManifest.xmlTambahkan code berikut:Jangan lupa untuk mengubah categori pada MainAtivity ke DEFAULT
<?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>Selanjutnya Run App di emulatorHasilnya akan seperti ini:Selamat mencoba:Lihat videonya disini:
Baca Juga
Posting Komentar
Posting Komentar