Tutorial Membuat Animasi Splash Screen Android

Pada kesempatan ini, kita akan belajar mengenai cara membuat splash screen pada aplikasi android. Splash Screen berfungsi untuk mengumpulkan data-data pada saat proses start up aplikasi dimulai.
Sebelum memulai, kita akan membahas penggunaan Splash Screen untuk aplikasi berdasarkan jenis nya.

1. Splash Screen Berdasarkan Waktu

Splash Screen jenis ini adalah Splash Screen yang telah ditentukan selama waktu tertentu, apabila telah mencapai waktu yang telah kita tentukan pada code, maka akan menampilkan halaman berikutnya.

2. Splash Screen Menggunakan HTTP Connection

Splash Screen yang ini memungkinkan kita untuk mengumpulkan data dari Web Server terlebih sampai semua data telah terkumpul. Jika data telah terkumpul semua, proses ke halaman berikutnya akan dijalankan. Menggunakan cara ini mungkin lebih memakan waktu di halaman Splash Screen atau mungkin juga bisa lebih cepat, karena prosesnya tergantung kecepatan koneksi internet yang kita gunakan,

Baik, setelah kita mengetahui fungsi dari splash screen, kita akan memulai membuat aplikasi splash screen android berdasarkan waktu tertentu.

Buat proyek baru di Eclipse file New ⇒ Android ⇒ Application Project dan isi rincian informasi yang dibutuhkan. Pada tutorial kali ini, saya membuat main activity dengan nama SpalshScreenActivity.java

Kemudian buat anim folder di dalam folder resource, kemudian buat file xml dengan nama alpha.xml (anim/alpha.xml), ketikkan kode berikut :

    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromAlpha="0.0"
    android:toAlpha="1.0"
    android:duration="3000" />

Kemudian buat file xml baru lagi dengan nama file translate.xml (anim/translate.xml) lalu isikan kode berikut :

    xmlns:android="http://schemas.android.com/apk/res/android">
 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0%"
    android:toXDelta="0%"
    android:fromYDelta="200%"
    android:toYDelta="0%"
    android:duration="2000"
    android:zAdjustment="top" />
 

Isikan kode dibawah ini di main.xml

    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/radialback"
    android:layout_gravity="center"
     android:id="@+id/lin_lay"
    android:gravity="center"
    android:orientation="vertical" >
 
            android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/logo"
        android:background="@drawable/logo" />
 

Langkah terakhir, isikan code dibawah ini di SpalshScreenActivity.java.

package com.fancy.splashscreen;
 
import android.app.Activity;
import android.graphics.PixelFormat;
import android.os.Bundle;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.LinearLayout;
 
public class SpalshScreenActivity extends Activity {
     public void onAttachedToWindow() {
            super.onAttachedToWindow();
            Window window = getWindow();
            window.setFormat(PixelFormat.RGBA_8888);
        }
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        StartAnimations();
    }
    private void StartAnimations() {
        Animation anim = AnimationUtils.loadAnimation(this, R.anim.alpha);
        anim.reset();
        LinearLayout l=(LinearLayout) findViewById(R.id.lin_lay);
        l.clearAnimation();
        l.startAnimation(anim);
 
        anim = AnimationUtils.loadAnimation(this, R.anim.translate);
        anim.reset();
        ImageView iv = (ImageView) findViewById(R.id.logo);
        iv.clearAnimation();
        iv.startAnimation(anim);
 
    }
 
}

• Download Code

Posted by Admine Kimcil_cantit

Tweet