วันพุธที่ 18 กันยายน พ.ศ. 2556

Android : เริ่มต้นเขียน โปรแกรม MusicApp

บทนี้ จะเป็นการทดลองเขียน Source Code และ การออกแบบหน้าจอ โปรแกรม MusicApp ซึ่งเป็นโปรแกรมสำหรับเล่น Music File
     เรามาดูรายละเอียด Source Code การสร้างโปรแกรมกัน
โดยเราต้องสร้างๆไฟล์หลักๆ 2 ไฟล์ คือ Main.java และ main.xml และมีการสร้าง Folder ชื่อ raw เพิ่ม ภายใต้ Folder res

// Main.java
package com.test;

import android.app.Activity;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.ImageView;

public class Main extends Activity implements OnClickListener{
ImageView imageView;
ImageButton imgPlay, imgPause, imgStop;
MediaPlayer music1;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        // Get music
        music1 = MediaPlayer.create(Main.this, R.raw.music1);
        
        imgPlay = (ImageButton) findViewById(R.id.imgPlay);
        imgPause = (ImageButton) findViewById(R.id.imgPause);
        imgStop = (ImageButton) findViewById(R.id.imgStop);
        
        imgPlay.setOnClickListener(this);
        imgPause.setOnClickListener(this);
        imgStop.setOnClickListener(this);
    }

@Override
public void onClick(View v) {
if(v==imgPlay){
music1.start();
}else if(v==imgPause){
music1.pause();
}else if(v==imgStop){
music1.stop();
}
}
}

-------------------------------------------------------------------------------------------------
//main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center"
    >
    
<ImageView
android:id="@+id/imageView1"
android:src="@drawable/pic1"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</ImageView>

<LinearLayout
android:id="@+id/linearLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">

<ImageButton
android:src="@drawable/play"
android:id="@+id/imgPlay"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</ImageButton>
<ImageButton
android:src="@drawable/pause"
android:id="@+id/imgPause"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</ImageButton>
<ImageButton
android:src="@drawable/stop"
android:id="@+id/imgStop"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</ImageButton>
</LinearLayout>

</LinearLayout>
-------------------------------------------------------------------------------------------------
ในส่วนของ Folder res/raw ให้นำไฟล์ Music มาใส่เก็บไว้

ทดลอง Run โปรแกรม