Ngulik Kode - Splash Screen adalah tampilan loading pertama kali ketika aplikasi android

dibuka/dijalankan, agar terlihat lebih menarik dan terkesan profesional. Pada umumnya Splash
Screen ini dibuat untuk menunjukan logo perusahaan atau logo dari aplikasi yang dibuat.

Saya akan memulai untuk menunjukan cara memasang Splash Screen pada aplikasi android.

Saya menggunakan aplikasi Android Studio 1.4 sebagai IDEnya, selain menggunakan versi 1.4 anda
juga bisa menggunakan versi yang lama 1.0, tapi lebih baik anda update terlebih dahulu agar kinerja
dari aplikasi tersebut bisa berjalan dengan lancar.

Siapkan gambar dengan ukuran Lebar 480 pixels dan Panjang 800 pixels dengan format JPG/JPEG,
saya kasih contoh seperti gambar di bawah ini.

Pada tutorial kali ini, pastikan anda sudah membaca tutorial sebelumnya Membuat Project Baru dan
Menjalankan Project di Android Studio untuk pembelajaran dasarnya, karena pada kali ini kita akan
langsung menuju ke pembuatan programnya.

Yang kita butuhkan untuk memasang Splash Screen pada aplikasi android adalah
1 Buah file JAVA dengan di beri nama splashscreen.java
1 Buah Activity Layout dengan di beri nama splashscreen.xml
dan sedikit setingan di file AndroidManifest.xml

Berikut ini codingannya :

postDelayed(new Runnable() { @Override public void run() { // TODO Auto-generated method stub .Intent.app. import android.content.view.olin. import android.Handler. public class splashscreen extends Activity { //Set waktu lama splashscreen private static int splashInterval = 2000. @Override protected void onCreate(Bundle savedInstanceState) { super.splashscreen. setContentView(R.Bundle.LayoutParams. WindowManager.FLAG_FULLSCREEN). requestWindowFeature(Window. new Handler().spalashscreen.os.layout.splashscreen). import android.ngulikode. getWindow(). import android.onCreate(savedInstanceState). import android.Activity.LayoutParams.view.Window.FLAG_FULLSCREEN.WindowManager.FEATURE_NO_TITLE).os.java package com.setFlags(WindowManager. import android.

xml <?xml version="1.android. //jeda selesai Splashscreen this.com/apk/res-auto"> <ImageView android:src="@drawable/splash2" android:layout_width="fill_parent" android:layout_height="fill_parent" android:scaleType="fitXY"/> <ProgressBar android:id="@+id/progressBar1" . }.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas. Lalu buat lagi file baru dengan nama dan format seperti dibawah splashscreen.class). startActivity(i). splashInterval).this. Intent i = new Intent(splashscreen. } Perhatikan pada script package com. ganti dengan packege yang anda buat.olin.splashscreen.ngulikode.finish(). MainActivity.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" xmlns:ads="http://schemas. } private void finish() { // TODO Auto-generated method stub } }.android.

Splash screen --> <activity android:name=".panelic.permission.Translucent" /> .intent.google.MAIN" /> <category android:name="android.Main activity --> <activity android:name=".ads.INTERNET"/> <uses-permission android:name="android.MainActivity" android:screenOrientation="portrait" android:label="@string/app_name" > </activity> <!--memasukan elemen Activity dengan atribut configChanges dan theme--> <activity android:name="com.splashscreen" android:label="Ngulik Kode" android:screenOrientation="portrait" android:noHistory="true" > <intent-filter> <action android:name="android.com/apk/res/android" package="com.gms.permission. android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" android:layout_marginBottom="58dp" /> </RelativeLayout> Lalu edit file Android Manifest.android.ACCESS_NETWORK_STATE"/> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme" > <!-.xml menjadi seperti script dibawah ini Android Manifest.AdActivity" android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|uiMode|scre enSize|smallestScreenSize" android:theme="@android:style/Theme.category.xml <?xml version="1.action.ngulikkode" > <uses-permission android:name="android.android.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.LAUNCHER" /> </intent-filter> </activity> <!-.intent.

maupun package bisa anda ubah sesuai keinginan. project kali ini hanya berupa satu blank activity. Tanpa audio. 1. Audio dapat kita buat sendiri. PERSIAPAN Buatlah sebuah project sederhana dengan konfigurasi sebagai berikut : KONFIGURASI APLIKASI Download Sources + Audio Lanjut ke Step 2 (Menambah tombol on/off) Konfigurasi nama aplikasi. Sebagai informasi. 2. Beberapa tipe format yang didukung adalah : . Artikel kali ini merupakan tutorial berbasis Java pertama saya. Android API menyajikan beberapa contoh agar game yang kita develop mempunyai latar background suara. yang akan menyajikan langkah- langkah bagaimana membuat background audio pada games maupun aplikasi Android. namun jika masih malas teman-teman bisa mencarinya dan mengcapture audio di sumber-sumber lain yang tentunya diperbolehkan untuk dipakai secara massal. games menjadi sunyi dan tidak akan banyak meyakinkan para pengguna untuk menjajal aplikasi kita nanti. musik dan touch sound merupakan salah satu faktor suksesnya sebuah aplikasi mobile terutama games untuk menarik simpati para pengguna. PERSIAPAN AUDIO Android mendukung beberapa format audio yang dapat digunakan oleh developer untuk mengisi background musik aplikasi. </application> </manifest> Terimakasih sudah berkunjung ke blog saya Audio.

mp3. Ditambah dengan ukuran file yang relatif sangat kecil.– .org Foundation ini juga memiliki kualitas yang sama bagus dengan format mp3.mp3 – .wav (wave) – . silahkan gunakan aplikasi Audacity untuk mengconvert menjadi file berformat .ogg karena selain tipe format tersebut yang bersifat open source.ogg (open source format) – rekomendasi penulis Penulis merekomendasikan penggunaan format . ogg yang merupakan format dibawah naungan Xiph. 3. Jika pembaca memiliki file berformat .ogg Anda sudah siap. di dalam folder /res. IMPORT AUDIO KE PROJECT Jika file audio berformat . Lihat gambar berikut : BUAT FOLDER RAW – Siapkan file audio lalu drag ke dalam folder ‘raw’ di Eclipse. Caranya: – Buat sebuah folder baru bernama ‘raw’.mid (midi) – . .ogg vorbis yang nantinya dapat kita gunakan untuk background audio aplikasi / game kita. Selanjutnya kita akan mengimportnya ke dalam Android Project pada Eclipse.

java di dalam folder /res. Berikut adalah full code yang bisa Anda copy paste ke MainActivity anda : . MAINACTIVITY Audio sudah kita import ke dalam project. Langkah selanjutnya adalah menambahkan sedikit kode ke dalam MainActivity.DRAG FILE AUDIO – Cek file audio yang telah Anda import. CEK FILE AUDIO 4. Fungsi yang kita pakai sekarang adalahMediaPlayer.

20 //Set looping ke true untuk mengulang audio jika telah selesai 21 audioBackground. 6 import android.MediaPlayer. 5 import android.layout.Activity.media.create(this.setVolume(1.setLooping(true).1 package com. R.activity_main).audiobackground. 2 3 import android.os. 26 } 27 .view.Bundle. 17 18 //Memanggil file my_sound pada folder raw 19 audioBackground = MediaPlayer. 4 import android.raw.onCreate(savedInstanceState).1).app. 24 //Memulai audio 25 audioBackground.my_sound).start().mkhuda. 22 //Set volume audio agar berbunyi 23 audioBackground. 7 8 public class MainActivity extends Activity { 9 10 //Mendefinisikan MediaPlayer sebagai audioBackground 11 MediaPlayer audioBackground.Menu. 16 setContentView(R. 12 13 @Override 14 protected void onCreate(Bundle savedInstanceState) { 15 super.

com/apk/res/android" 2 xmlns:tools="http://schemas. Ada beberapa teman yang menanyakan bagaimana caranya memberi tombol on/off untuk mematikan maupun menghidupkan background Audio di aplikasi Android tersebut. Sekali lagi. 5.java.XML Pertama. Jika pembaca telah mencoba tutorial sebelumnya. untuk melanjutkan implementasi Audio Background ini. Pemberian background audio memang cukup mudah.media. Jangan lupa bunyikan suara plus volume pada Android.android. kita perlu mengimport android. Silahkan edit file tersebut sesuai script yang saya tulis ini : 1 <RelativeLayout xmlns:android="http://schemas. TESTING Jika kode diatas tidak tampil notifikasi error pada Eclipse. penulis telah menjelaskan bagaimana membuat sebuah aplikasi atau game disertai selingan background musik.xml.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:paddingBottom="@dimen/activity_vertical_margin" 6 android:paddingLeft="@dimen/activity_horizontal_margin" 7 android:paddingRight="@dimen/activity_horizontal_margin" 8 android:paddingTop="@dimen/activity_vertical_margin" .. penambahan tombol on/off pun juga demikian.android. Kita bisa memanfaatkan sebuah Toggle Button sebagai view dan kontrol audio background kita nantinya. aplikasi atau game Anda sudah bisa bernyanyi ! Pada artikel yang saya tulis sebelumnya mengenaiBackground Audio untuk Aplikasi Android. silahkan jalankan aplikasi pada emulator atau device Anda.28 } Untuk memfungsikan MediaPlayer. silahkan ikuti tutorial berikut untuk menambahkan toggle button dan fungsi on/off-nya : EDIT FILE ACTIVITY_MAIN. Harap ikuti tutorial sebelumnya disini. Tadaa. di Eclipse masuklah ke dalam folder /res/layout dan bukaactivity_main.MediaPlayer. dan berhasil mengaplikasikan audio tersebut. file ini merupakan main view yang dipanggil kedalam MainActivity.

. EDIT FILE MAINACTIVITY. sekarang pada tampilan aplikasi ini akan tetap membunyikan background sound namun toggle belum berfungsi.java nanti melalu bagian android:onClick=”onToggleClicked”  ketika toggle mati.mkhuda.9 tools:context=".Menambah Toggle Button di tengah View --> 12 <ToggleButton 13 android:id="@+id/toggleSound" 14 android:layout_width="wrap_content" 15 android:layout_height="wrap_content" 16 android:layout_centerInParent="true" 17 android:onClick="onToggleClicked" 18 android:textOn="Hidupkan Musik" 19 android:textOff="Matikan Musik" 20 android:textColor="#222" /> 21 22 </RelativeLayout> Berikut adalah sedikit penjelasan mengenai script XML di atas :  untuk menambah toggleButton.JAVA Jika anda run. kita akan sedikit melakukan modifikasi pada MainActivity. 2 3 import android.MediaPlayer. Berikut adalah scriptnya : 1 package com. maka teks akan berubah sesuai setting tag android:textOn dan textOff. pembaca cukup menulis tag <ToggleButton /> beserta instrumen atau detail tag tersebut.  ToggleButton akan kita definisikan di MainActivity.media.MainActivity" > 10 11 <!-.java yang telah kita tulis pada tutorial audio background sebelum ini.audiobackground. Nah.

30 //Set volume audio agar berbunyi 31 audioBackground. 6 import android. 17 18 @Override 19 protected void onCreate(Bundle savedInstanceState) { 20 super.View.onCreate(savedInstanceState).start(). 32 //Memulai audio 33 audioBackground.create(this.layout. 14 15 /*Variabel untuk ToggleButton kita beri nama dengan myToggle*/ 16 ToggleButton myToggle.toggleSound). R. 5 import android.os.widget. 28 //Set looping ke true untuk mengulang audio jika telah selesai 29 audioBackground.app.id.my_sound).setLooping(true).view. 8 import android. 9 10 public class MainActivity extends Activity { 11 12 //Mendefinisikan MediaPlayer sebagai audioBackground 13 MediaPlayer audioBackground. 7 import android.ToggleButton.Bundle.setVolume(1.view.raw. 21 setContentView(R. 22 23 //Memberi definisi di onCreate untuk toggle 24 myToggle = (ToggleButton) findViewById(R.activity_main).Menu. .4 import android. 25 26 //Memanggil file my_sound pada folder raw 27 audioBackground = MediaPlayer.1).Activity.

56 } 57 58 } Penjelasan script :  Pertama. 41 42 if (on) { 43 /*Mematikan suara audio*/ 44 audioBackground.setVolume(0. 55 MainActivity. 48 } 49 } 50 51 @Override 52 public void onBackPressed() { 53 // TODO Auto-generated method stub 54 audioBackground.34 } 35 36 /*Mendefinisikan fungsi onToggleClicked dengan 37 pengkondisian standar if/else*/ 38 39 public void onToggleClicked(View view) { 40 boolean on = ((ToggleButton) view). 0). 1).finish().stop().this. di dalam class kita mendefinisikan terlebih dahulu ToggleButton yang telah kita buat di XML (baris 16)  toggleButton kita definisikan lagi di dalam onCreate (baris 24)  Merekayasa fungsi onToggleClicked agar toggle untuk mematikan dan menghidupkan audio berfungsi sebagaimana mestinya (baris 39 – 49) .setVolume(1.isChecked(). 45 } else { 46 /*Menghidupkan kembali audio background*/ 47 audioBackground.

 Menambah fungsi void onBackPressed. dimaksudkan agar aplikasi dan audio benar-benar mati ketika user memencet back button device Android (baris 51 – 56) .