Splashscreen merupakan tampilan sesaat sebelum masuk kesuatu aplikasi baik mobile maupun desktop, pada artikel kali ini kita akan membuat aplikasi sederhana dimana akan muncul splashsreen sebelum masuk ke program utama. Apabila kalian masih bingung dengan splashscreen bila pada smartphone android kalian terdapat aplikasi detik.com bisa kalian buka, sebelum masuk ke aplikasi kalian akan melihat logo detik di tengah layar, kita akan membuat contoh program seperti itu.
Pada artikel ini menggunakan Platform Android dan Java sebagai media pemrogramannya, Untuk editor menggunakan Eclipse.

1. Buat 1 project android dengan nama "splashscreen" 


2. Pada Activity ubah default "activity_main" menjadi "splashscreen"
3. Setelah Folder project telah muncul buat kembali activity baru dengan nama "main_apps"

Pada Class splashscreen hapus 

import android.view.Menu;

@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.splashscreen, menu);
        return true;
    }

Tambahkan code berikut setelah Class

private static final long SPLASH_DISPLAY_LENGHT = 5000; //splashscreen berjalan selama 5 detik

Tambahkan Import Bundle dan Handle

import android.os.Bundle;
import android.os.Handler;
setelah nama package kalian (Biasanya otomatis tampil setelah paste code dibawah)

Setelah Pemanggilan Activity tambahkan  code berikut

new Handler().postDelayed(new Runnable() {
            public void run() {
                Intent mainIntent = new Intent(Splashscreen.this,MainApps.class);
                Splashscreen.this.startActivity(mainIntent);
                Splashscreen.this.finish();   
            }
        },SPLASH_DISPLAY_LENGHT);
</quote>

Lihat code yang diberi garis bawah, Splashscreen adalah nama class file tersebut MainApps adalah nama class yang akan dituju.

pada file splashscreen.xml kalian buka dan masukkan image yang akan ditampilkan, akan tetapi sebelum memilih kalian copykan file - file image pada folder dengan maximal besar pixel sesuai standart dari google sebagai berikut.

1. drawable-hdpi (640 x 341 px)
2. drawable-ldpi (426 x 227 px)
3. drawable-mdpi (470 x 250 px)
4. drawable-xdpi (960 x 511 px)
5. drawable-xxdpi (1024 x 545 px)

mengapa ditentukan maximal ukuran filenya? karena tiap2 tipe smartphone android memiliki bermacam2 ukuran layar dan kedalaman layar tergantung dari vendor pembuatnya.

Cara memasukkan image : Pallet menu - Images & media - ImageView
Drag ImagesView pada design layout, pilih images splashscreen yang telah kalian buat. kebetulan saya membuat images dengan nama logo yang ukuran pixelnya sama dengan standart android.

kemudian bagaimana dengan file main_apps.xml biarkan standart aja. (Hello world), mengingat untuk artikel ini kita hanya belajar membuat splashscreen.

Cek pada file AndroidManifest.xml pastikan file yang pertama kali diload benar, caranya dengan mencari Kata2 LAUNCHER DAN Main pada tiap2 activity.

<application
    android:allowBackup="true"
    android:icon="@drawable/ic_launcher"
    android:label="@string/app_name"
    android:theme="@style/AppTheme" >
    <activity
        android:name="com.droid.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.droid.splashscreen.MainApps"
        android:label="@string/title_activity_main_apps" >
    </activity>
</application>

khusus untuk script diatas

<intent-filter>
        <action android:name="android.intent.action.MAIN" />

        <category android:name="android.intent.category.LAUNCHER" />
</intent-filter>

kalian dapat merubah code dibawah pada activity lain, pastikan pada activity lain tanpa code diatas atau bisa digantikan dengan

<intent-filter>
        <category android:name="android.intent.category.VIEW" />
</intent-filter>

 

Tampilan Aplikasi yang telah kita buat.

Saat Splash screen berjalan

Setelah splashscreen berjalan selama 5 detik

 

Tunggu artikel selanjutnya

 

DOWNLOAD