-->
Membuat Splash Screen Animasi Di Iandroid Studio

Iklan 728x90

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
SHARE

Related Posts

Subscribe to get free updates

Posting Komentar