Tutorial membuat Splash Screen di Android

TheHeran.com/ August 9, 2014/ Download, Java Android, Slide/ 2 comments

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_slide

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

Splash screen android

Splash screen android

Main Splash screen android

Download Source Code Splash Screen Android Download File Apk 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

Comments

comments

2 Comments

  1. Asyik. Ikut menyimak

Leave a Reply