Tutorial membuat Splash Screen di Android

Keberadaan Splass Screen sudah sangat umum di jumpai pada aplikasi android yang notabene berskala enterprise misalnya pada aplikasi Tokobagus.com,Detik.com, PermataMobile dan lain-lain.

Splash screen  yang hanya beberapa detik tersebut biasanya di gunakan untuk menunjukkan kepada pengguna  sebagai tampilan awal (opening) dari sebuah aplikasi android. Splash screen dapat berupa sebuah produk, informasi atau sebuah promo namun umumnya Splash screen berisi konten logo dari sebuah perusahaan atau organisasi tertentu namun hal ini bukan ketetapan baku sehingga penambahan splash screen di sesuaikan dengan kebutuhan. Nah pada edisi kali ini kita akan membahas tentang cara membuat splash screen tersebut.theheran.com

Splash Screen android

Lets Code! 🙂

1. Buat project baru dengan Eclipse dengan cara File ⇒ New Project ⇒ Application Project  dan lengkapi beberapa detail yang di perlukan (Kali ini saya memberikan nama main classnya MainActivity.java) atau bisa lihat pada artikel Cara Membuat Project Android Di Eclipse
2. Buatlah sebuah file class dengan nama SplashScreen.java
3. Kemudian buka file AndroidManifest.xml dan pastikan activity SplashScreen.java yang sudah di buat tadi di setting sebagai main aktivity yang akan di jalankan pertama kali ketika aplikasi di buka.

4. <?xml version="1.0" encoding="utf-8"?>
   <manifest xmlns:android="http://schemas.android.com/apk/res/android"
         package="com.theheran.splashscreen"
         android:versionCode="1"
         android:versionName="1.0" >
   
        <uses-sdk
            android:minSdkVersion="10"
            android:targetSdkVersion="10" />
   
      <application
            android:allowBackup="true"
            android:icon="@drawable/ic_launcher"
            android:label="@string/app_name"
            android:theme="@style/AppTheme" >
           <activity
                 android:name="com.theheran.splashscreen.SplashScreen"
                 android:label="@string/app_name" >
                <intent-filter>
                   <action android:name="android.intent.action.MAIN" />
                   <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
          </activity>
          <activity
                 android:name="com.theheran.splashscreen.MainActivity"
                 android:label="@string/app_name" >
         </activity>
     </application>
   
   </manifest>
   

5. Selanjtnya buatlah sebuah file xml untuk layoutnya di dalam folder layout (res ⇒ layout) dan berikan nama yang berekstensi .xml contoh : splash_screen.xml. Isi dari file ini adalah merepresentasikan tampilan sebuah logo dari perusahaan atau gambar yang lainnya. Pada kali ini saya menambahkan fitur ProgressBar agar terligat lebih cantik 😉

6. <?xml version="1.0" encoding="utf-8"?>
   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="fill_parent" android:background="@drawable/opening_splash_screen"
       android:layout_height="fill_parent"
       android:orientation="vertical" >
   
       <ProgressBar
           android:id="@+id/progressBar1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_alignParentBottom="true"
           android:layout_centerHorizontal="true"
           android:layout_marginBottom="38dp" />
   
   </RelativeLayout>
   

7. Kemudian ketikan sintak di bawah ini pada file SplashScreen.java yang sudah di buat tadi.

   package com.theheran.splashscreen;
   import android.annotation.SuppressLint;
   import android.app.Activity;
   import android.content.Intent;
   import android.os.Bundle;
   import android.os.Handler;
   import android.widget.ProgressBar;
   
   public class SplashScreen extends Activity{
   	private static final int SPLASH_TIME = 3 * 1000;// Set waktu 3 Detik
   	ProgressBar prg;
   
   	@SuppressLint("NewApi")
   	@Override
   	protected void onCreate(Bundle savedInstanceState) {
   		super.onCreate(savedInstanceState);
   		setContentView(R.layout.splash_screen);//layout yang diload
   		prg = (ProgressBar)findViewById(R.id.progressBar1);//Tampilan progress Bar
   		prg.setAlpha(SPLASH_TIME);
   		new Handler().postDelayed(new Runnable() {
   
   			@Override
   			public void run() {
   				Intent intent = new Intent(SplashScreen.this,MainActivity.class);
   				startActivity(intent);
   				finish();
   			}
   		}, SPLASH_TIME);
   
   		new Handler().postDelayed(new Runnable() {
   			  @Override
   			  public void run() {
   			         }
   			    }, SPLASH_TIME);
   	}
   }
   
   

8. Terakhir, jalankan programnya dengan cara klik kanan Project ⇒ Run As⇒Android Application. (Disarankan langsung debuging ke handphone jadi lebih cepat)
9. Berikut adalah screen shootnya 🙂 jika ada yang belum jelas bisa di tanyakan ke @the_heran atau  @ade_girie

Screen Shot Splash Screen Android	Screen Shot MainActivity
Splash screen android	Main Splash screen android

Password file.zip : www.theheran.com

nb:

Update file and password on 13/02/2015 (Diharapkan Download Ulang)

Sekian dulu readers pembahasan Cara Membuat Splash Screen di Android . Sampai jumpa 

Salam Hangat

@the_heran | @ade_girie