Monday, 23 September 2013

Android Tutorial - Membuat Splashscreen

Advertisement

Halo semua, kali ini saya ingi kembali share ilmu yang saya dapatkan pas PKL, yaitu bagaimana cara membuat splashscreen di Android. Ikuti saja langkah-langkah berikut.

  1. Buat projek Android baru, terserah namanya, versi SDK-nya berapa.
  2. Untuk membuat splashscreen, dibutuhkan suatu Activity, tambahkan class Java baru bernama Splashscreen.java di folder src/[package kalian].
  3. Buka AndroidManifest.xml, kemudian edit seperti di bawah ini untuk menjadikan activity Splashscreen menjadi launcher di aplikasi kita.
  4. <application android:allowbackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@android:style/Theme.NoTitleBar">
    <activity android:label="@string/app_name" android:name="ipb.rake.project1.MainActivity"/>
    <activity android:name="[nama package kalian].Splashscreen">
    <intent-filter>
    <action android:name="android.intent.action.MAIN"/>

    <category android:name="android.intent.category.LAUNCHER"/>
    </intent-filter>
    </activity>
    </application>
  5. Buatlah suatu layout (Android XML File) baru yang akan menjadi tampilan splashscreen kita di folder res/layout, beri saja nama splash.xml
  6. <LinearLayout android:background="#ffffff" 
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_width="fill_parent"
    android:visibility="invisible"/>
    <ImageView android:id="@+id/splashsImage"
    android:layout_height="wrap_content"
    android:layout_marginleft="20dp"
    android:layout_marginright="20dp"
    android:layout_width="fill_parent"
    android:src="@drawable/logo"/>

    <ImageView android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_width="fill_parent"
    android:visibility="invisible"/>
    </LinearLayout>
  7. Edit file Splashscreen.java seperti ini
public class Splashscreen extends Activity {

//Set waktu lama splashscreen
private static int splashInterval = 3000;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.splash);

new Handler().postDelayed(new Runnable() {


@Override
public void run() {
// TODO Auto-generated method stub
Intent i = new Intent(Splashscreen.this, MainActivity.class);
startActivity(i);

//Menyelesaikan Splashscreen
 this.finish();
}
}, splashInterval);

};

}

Jalankan di emulator dan, seperti inilah hasilnya :)

Android Spalshscreen Result


Android Spalshscreen

Semoga tutorial saya mengenai bagaimana caranya membuat splashscreen ini bermanfaat. Jangan lupa link, share, like, dll postingan ini ya teman-teman :)


EmoticonEmoticon