Assalammualikum Wr.Wb
Oke malam hari ini gue bakal memberikan tutorial membuat list music sederhana dengan eclipse, ga perlu khawatir tentang desain layoutnya karna tutorial kali ini desainnya cukup simple karna hanya menggunakan listview untuk menu utamanya, satu text field dan tiga buah button untuk layout yg berisi musiknya, tapi source codenya agak panjang dan memerlukan lebih dari satu activity. Oke langsung saja mulai.
1. Kita buka eclipsenya oke.
4, Next terus aja sampe finish, Nah kan normalnya Cuma
akan muncul satu MainActivity.java dan satu activity_main.xml tapi seperti yg gue bilang tadi diawal kalian akan memerlukan lebih dari satu activity, gue akan buat 9 class java dan 9 xml file/layout ini contohnya (cara buat class java baru: Klik kanan pada
com.example.listview > New > Class > Isikan nama > Finish) (cara buat xml file baru : Klik kanan pada
folder res > New > Android xml file > Isikan nama > Finish)
Buat namanya bebas sesuai keinginan tapi biar ga susah nantinya samain aja oke.
5. Oke sekarang buka MainActivity.java dan isikan
source code seperti ini.
package
com.example.listview;
import
android.os.Bundle;
import android.view.Menu;
import
android.app.ListActivity;
import android.graphics.Color;
import
android.view.View;
import
android.content.Intent;
import
android.widget.*;
public class
MainActivity extends ListActivity{
@Override
protected void
onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
String[] Menu2= new
String[] {"Avenged Sevenfold", "Coldplay", "Kerispatih", "Metal
Cover", "Rizky Febian", "Rock
Cover", "Secondhand Serenade", "Superman
Is Dead", "The Rain", "Exit"};
this.setListAdapter(new
ArrayAdapter<String>(this,android.R.layout.simple_list_item_single_choice ,
Menu2));
getListView().setBackgroundResource(R.drawable.gg48);
}
protected void
onListItemClick(ListView l, View v, int
position,long id){
Object o=this.getListAdapter().getItem(position);
String Keyw=o.toString();
Toast.makeText(this, "Anda
Memilih " + Keyw, Toast.LENGTH_LONG).show();
if
(o=="Coldplay"){
Intent intent= new
Intent (this, cold.class);
startActivity(intent);
} else if
(o=="Avenged Sevenfold"){
Intent intent= new
Intent (this, avanged.class);
startActivity(intent);
} else if
(o=="Kerispatih"){
Intent intent= new
Intent (this, kerispatih.class);
startActivity(intent);
} else if
(o=="Metal Cover"){
Intent intent= new
Intent (this, metal.class);
startActivity(intent);
} else if
(o=="Rizky Febian"){
Intent intent= new
Intent (this, rizky.class);
startActivity(intent);
} else if
(o=="Rock Cover"){
Intent intent= new
Intent (this, rock.class);
startActivity(intent);
} else if
(o=="Secondhand Serenade"){
Intent intent= new
Intent (this, second.class);
startActivity(intent);
} else if
(o=="Superman Is Dead"){
Intent intent= new
Intent (this, sid.class);
startActivity(intent);
} else if
(o=="The Rain"){
Intent intent= new
Intent (this, rain.class);
startActivity(intent);
} else if
(o=="Exit") {
this.finish();
}}}
6. Liat tulisan seperti ini diatas “getListView().setBackgroundResource(R.drawable.gg48);” tulisan ini
gunanya untuk memasang background pada menu utama kalau kalian ingin
menggunakan background kaya gue caranya download atau gunakan gambar yang
kalian inginkan > Copy > Paste difolder drawable-hdpi (folder ini ada didalam folder res), Nah kalo sudah
ganti deh nama gg48 dengan nama gambar yang tadi kalian paste difolder
drawable-hdpi.
7. Sekarang kalian buka activity_main.xml
dan liat kebagian bawah ada tulisan activity_main.xml disebelah tulisan
Graphical Layout nah kalian klik itu lalu isikan seperti ini.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<ListView
android:id="@+id/bebas"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
>
</ListView>
</RelativeLayout>
8. Oke tampilan menu utama sudah selesai sekarang kalian
akan membuat activity berisi lagunya pertama kalian harus upload lagunya dulu
dong, siapkan 9 buah lagu yg kalian inginkan lalu ganti nama lagu tersebut (contoh
gue pake lagu fall for you nah ganti
namanya jadi ffy1 jangan menggunakan
huruf kapital/huruf besar) kalau sudah sekarang kita copy 9 lagu tersebut ke
folder raw (pasti ga ada ya folder dengan nama raw) biar ada kita buat folder
raw tersebut (caranya : Klik kanan pada
folder res > New > Folder > Isikan nama “raw” > Finish) nih
contoh folder raw yang sudah ada lagunya.
9. Sekarang buka avanged.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import android.widget.Toast;
import
com.example.listview.R;
public class
avanged extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.avanged);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.sfa1);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}}
10. Buka cold.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class
cold extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.cold);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.fx2);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
11.Buka kerispatih.java dan isikan seperti
ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class kerispatih extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.kerispatih);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.t3);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
12. Buka metal.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class
metal extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.metal);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true); }
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.e4);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
13. Buka rain.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class
rain extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.rain);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.db9);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
14. Buka rizky.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class
rizky extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.rizky);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.kc5);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
15.Buka rock.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class
rock extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.rock);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.lmlyd6);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
16. Buka second.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class
second extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.second);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() {
mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.ffy7);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
17. Buka sid.java dan isikan seperti ini.
package
com.example.listview;
import
android.app.Activity;
import
android.app.AlertDialog;
import
android.media.MediaPlayer;
import
android.os.Bundle;
import
android.view.View;
import
android.widget.Button;
import
com.example.listview.R;
public class sid
extends Activity
implements
MediaPlayer.OnCompletionListener {
private
Button play;
private
Button pause;
private
Button stop;
private
MediaPlayer mp;
@Override
public void
onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.sid);
play=(Button)findViewById(R.id.play);
pause=(Button)findViewById(R.id.pause);
stop=(Button)findViewById(R.id.stop);
play.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
play();
}
});
pause.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
pause();
}
});
stop.setOnClickListener(new
View.OnClickListener() {
public void
onClick(View view) {
stop();
}
});
setup();
}
@Override
public void
onDestroy() {
super.onDestroy();
if (stop.isEnabled())
{
stop();
}
}
public void
onCompletion(MediaPlayer mp) {
stop();
}
private void
play() {
mp.start();
play.setEnabled(false);
pause.setEnabled(true);
stop.setEnabled(true);
}
private void
stop() { mp.stop();
pause.setEnabled(false);
stop.setEnabled(false);
try {
mp.prepare();
mp.seekTo(0);
play.setEnabled(true);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
pause() {
mp.pause();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(true);
}
private void
loadClip() {
try {
mp=MediaPlayer.create(this,
R.raw.lr8);
mp.setOnCompletionListener(this);
}
catch
(Throwable t) {
goBlooey(t);
}
}
private void
setup() {
loadClip();
play.setEnabled(true);
pause.setEnabled(false);
stop.setEnabled(false);
}
private void
goBlooey(Throwable t) {
AlertDialog.Builder builder=new
AlertDialog.Builder(this);
builder
.setTitle("Exception!")
.setMessage(t.toString())
.setPositiveButton("OK", null)
.show();
}
}
18. Oke untuk class java
kita sudah tinggal mensetting xml file/layout, sebenarnya dari 9 class java diatas source codenya semuanya sama Cuma tinggal diganti dibagian :
1. public class sid extends
Activity => ganti di sid samakan sesuai class yg diklik (contoh kita menggunakan avanged.java maka sid diganti menjadi
avanged)
2. setContentView(R.layout.sid); => ganti di sid dengan nama layout yg sesuai (contoh kita menggunakan rain.java maka
layout yg kita pakai juga rain.xml ganti sid menjadi rain)
3. mp=MediaPlayer.create(this, R.raw.lr8); => ganti lr8 menjadi lagu yg sesuai (contoh kita menggunakan rizky.java maka lagu yg kita pakai
kesempurnaan cinta/kc5 ganti lr8 menjadi kc5).
19. Sekarang kita buka avanged.xml dan cari
tulisan avanged.xml dibagian bawah disebelah grapical layout lalu isikan
seperti ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="40dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="So Far
Away" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play"
/>
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
20. Sekarang kita buka cold.xml dan cari
tulisan cold.xml dibagian bawah disebelah grapical layout lalu isikan seperti
ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="40dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Fix You" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play" />
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop" />
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
21. Sekarang kita buka kerispatih.xml dan
cari tulisan kerispatih.xml dibagian bawah disebelah grapical layout lalu
isikan seperti ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="40dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Tertatih"
/>
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play"
/>
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause" />
</RelativeLayout>
22. Sekarang kita buka metal.xml dan cari
tulisan metal.xml dibagian bawah disebelah grapical layout lalu isikan seperti
ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="40dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Everytime" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play"
/>
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
23. Sekarang kita buka rain.xml dan cari
tulisan rain.xml dibagian bawah disebelah grapical layout lalu isikan seperti
ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="40dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Dengar
Bisikku" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play"
/>
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
24. Sekarang kita buka rizky.xml dan cari
tulisan rizky.xml dibagian bawah disebelah grapical layout lalu isikan seperti
ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="30dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Kesempurnaan Cinta" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play"
/>
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
25. Sekarang kita buka rock.xml dan cari
tulisan rock.xml dibagian bawah disebelah grapical layout lalu isikan seperti
ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="30dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Love Me Like
You Do" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play" />
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
26. Sekarang kita buka second.xml dan cari
tulisan second.xml dibagian bawah disebelah grapical layout lalu isikan seperti
ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="40dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Fall For
You" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play"
/>
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
27. Sekarang kita buka sid.xml dan cari
tulisan sid.xml dibagian bawah disebelah grapical layout lalu isikan seperti
ini.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
>
<TextView
android:id="@+id/judul"
android:textSize="40dp"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="60dp"
android:text="Lady
Rose" />
<Button
android:id="@+id/play"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/judul"
android:layout_marginLeft="18dp"
android:layout_marginTop="93dp"
android:text="Play"
/>
<Button
android:id="@+id/stop"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/play"
android:layout_alignParentRight="true"
android:layout_marginRight="18dp"
android:text="Stop"
/>
<Button
android:id="@+id/pause"
android:textColor="#ffffff"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBaseline="@+id/stop"
android:layout_alignBottom="@+id/stop"
android:layout_centerHorizontal="true"
android:text="Pause"
/>
</RelativeLayout>
28. Nah untuk xml file/layout juga sudah
selesai (pasti tulisannya ga keliatan kan) ga usah bingung coba cari tulisan
ini (android:textColor="#ffffff")
disetiap layout kalian, tulisan
#ffffff = warna putih karna background gue hitam jadi gue setting tulisannya
jadi putih kalau tulisannya ingin jadi hitam ubah menjadi #000000, untuk 9
layout yg kalian bikin tadi sama seperti 9 class java sebelumnya semuanya
sebenarnya sama Cuma tinggal diubah di bagian :
(android:text="Lady Rose" />) Lady
rose dalam code tersebut adalah judul lagu pada setiap layout jadi ubat masing
masing layout dengan judul lagu yg benar (contoh
layout rain.xml judul lagunya adalah dengar bisikku jadi ubah lady rose menjadi
dengar bisikku).
30. Oiya buat yg ingin xml
file/layoutnya menggunakan background caranya
download atau gunakan gambar yang kalian inginkan > Copy > Paste difolder
drawable-hdpi (folder ini ada
didalam folder res) lalu klik kanan dan pilih edit background seperti ini.
32. Oke menu utama sudah, activity
berisi musik sudah, design layout sudah sekarang kalian tinggal mendaftarkan 9
activity yg tadi kalian sudah buat di AndroidManifest.xml biar nantinya aplikasi
tidak force close/keluar sendiri, jika sudah membuka AndroidManifest.xml lalu
lihat dibagian bawah dan cari tulisan AndroidManifest.xml disebelah tulisan
Instrumentation dan isikan seperti ini.
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.listview"
android:versionCode="1"
android:versionName="1.0"
>
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17"
/>
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme"
>
<activity
android:name="com.example.listview.MainActivity"
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.example.listview.cold"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.avanged"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.kerispatih"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.metal"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.rizky"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.rock"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.second"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.sid"
android:label="@string/app_name"
>
</activity>
<activity
android:name="com.example.listview.rain"
android:label="@string/app_name"
>
</activity>
</application>
</manifest>
33. Nah jika sudah save lalu run
projectnya caranya seperti gambar ini,
34. Maka akan akan muncul gambar
seperti ini,
35. Sebelum me-run project kalian
harus membuat targetnya/virtual device dahulu bagi yg belum bisa silakan baca "DISINI"
disitu ada tutorial cara membuat target/virtual device,
Jika sudah tinggal di apply lalu run maka hasilnya akan
seperti ini.
Nah sampai sini saja tutorial yg malam ini gue kasih semoga bermanfaat, Jangan lupa tinggalin jejak ya.
Ok
BalasHapus