Home AIDE / Android

Membuat Spalshscreen Untuk Aplikasi Dengan AIDE

Setelah sukses membuat aplikasi perdana yaitu aplikasi Hello World (Baca: "Membuat Aplikasi Android Perdana Hello World Dengan AIDE"), sekarang kita akan membuat membuat splashscreen dengan AIDE yang akan digunakan pada aplikasi kita. Splashscreen merupakan tampilan awal yang muncul saat pertama kali aplikasi dijalankan sebelum menuju tampilan utama aplikasi. Splashscreen bisa berisi apa saja, baik logo, informasi pembuat, versi aplikasi, dan lain-lain yang berhubungan dengan aplikasi.
Langsung saja kita menuju tahap pembuatannya.

Membuat splashscreen aplikasi


Langkah-langkah membuat splashscreen dengan AIDE


Buat Project Baru

Jalankan aplikasi AIDE, dan create new project.
Name : Splashscreen
Package Name : com.mycompany.splashscreen


Buat Layout Splashscreen

Buat file baru pada folder Layout dan beri nama splashscreen.xml lalu masukkan kode dibawah ini :

<?xml version="1.0" encoding="utf-8"?> 


<RelativeLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:background="@drawable/gambarsplash">


<ProgressBar
  android:layout_height="wrap_content"
  android:layout_width="wrap_content"     android:layout_centerHorizontal="true"
  android:layout_centerVertical="true"/>

</RelativeLayout>
Jangan lupa untuk memasukkan file gambarsplash.png kedalam folder drawable.


Buat Activity Splashscreen

Buat file baru pada folder splashscreen, beri nama splashscreen.java dan masukkan kode javanya seperti dibawah ini :

package com.mycompany.splashscreen;

import android.app.*;
import android.content.*;
import android.os.*;
import android.view.*;
import android.widget.*;

public class splashscreen extends Activity
{
 static int lama_splash = 2000;

 protected void onCreate (Bundle savedInstanceState)
 {
  Toast.makeText(this, "WELCOME", Toast.LENGTH_SHORT).show();
  super.onCreate(savedInstanceState);
  this.requestWindowFeature(Window.FEATURE_NO_TITLE);
  getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
  setContentView(R.layout.splashscreen);
  new Handler().postDelayed(new Runnable()
   {
    public void run()
    {
     Intent i = new Intent(splashscreen.this, MainActivity.class);
     startActivity(i);
     this.finish();
    }

    private void finish()
    {
    }

   },lama_splash);
 };
}
Perhatikan bahwa lama splashscreen ditampilkan sesuai dengan kode diatas yaitu 2000 atau 2 detik.


Update File Manifest.xml

Daftarkan activity splashscreen yang sudah dibuat tadi kedalam file manifest.xml seperti dibawah ini :

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.mycompany.splashscreen" >



    <application

  android:allowBackup="true"

  android:icon="@drawable/ic_launcher"

  android:label="@string/app_name"

  android:theme="@style/AppTheme" >



  <activity

   android:name=".splashscreen"

   android:noHistory="true"

   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=".MainActivity"

   android:label="@string/app_name">



  </activity>

 </application>



</manifest>  


Running Aplikasi

Setelah semua langkah diatas selesai, coba jalankan aplikasinya dengan menekan tombol Run (tombol segitiga). Jika berhasil maka aplikasi akan menampilkan splashscreen seperti ini :
Membuat splashscreen aplikasi

Setelah 2 detik akan menampilkan layout atau tampilan utama aplikasi.

Membuat splashscreen aplikasi

Demikianlah tulisan singkat mengenai pembuatan splashscreen aplikasi dengan AIDE, dan akan dilanjutkan dengan pembuatan menu pada aplikasi (Baca: "Cara Membuat Menu Aplikasi Dengan AIDE").

Bagi yang membutuhkan file project silahkan download pada link dibawah.



Sekian dan semoga bermanfaat.
Inilah caraliyo.

Baca juga :

No comments:

Post a Comment

to Top