วันศุกร์ที่ 13 กันยายน พ.ศ. 2556

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

เริ่มต้นเขียน Source Code และ การออกแบบหน้าจอ โปรแกรม Calculator
ในบทนี้ เรามาดูรายละเอียด Source Code การสร้างโปรแกรมเครื่องคิดเลขแบบง่ายๆกัน
โดยเราต้องสร้างๆไฟล์หลักๆ 2 ไฟล์ คือ Main.java , Calculation.java และ main.xml

//1. Main.java
package com.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;

public class Main extends Activity implements OnClickListener{
    /** Called when the activity is first created. */
Button btnAdd, btnSub, btnMul, btnDiv;
EditText etInput1, etInput2, etResult;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        btnAdd = (Button) findViewById(R.id.btnAdd);
        btnSub = (Button) findViewById(R.id.btnSub);
        btnMul = (Button) findViewById(R.id.btnMul);
        btnDiv = (Button) findViewById(R.id.btnDiv);
        
        etInput1 = (EditText) findViewById(R.id.etInput1);
        etInput2 = (EditText) findViewById(R.id.etInput2);
        etResult = (EditText) findViewById(R.id.etResult);
        
        btnAdd.setOnClickListener(this);
        btnSub.setOnClickListener(this);
        btnMul.setOnClickListener(this);
        btnDiv.setOnClickListener(this);
    }

@Override
public void onClick(View v) {
Calculation calculation = new Calculation();
Double input1 = new Double(etInput1.getText().toString());
Double input2 = new Double(etInput2.getText().toString());
Double result = 0d;
if(v==btnAdd){
result = calculation.add(input1, input2);
}else if(v==btnSub){
result = calculation.sub(input1, input2);
}else if(v==btnMul){
result = calculation.mul(input1, input2);
}else if(v==btnDiv){
result = calculation.div(input1, input2);
}
etResult.setText(result + "");
}
}

//2. Calculation.java
package com.test;

public class Calculation {

public Double add(Double num1, Double num2){
return num1 + num2;
}
public Double sub(Double num1, Double num2){
return num1 - num2;
}
public Double mul(Double num1, Double num2){
return num1 * num2;
}
public Double div(Double num1, Double num2){
return num1 / num2;
}
}

//3. main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <TextView
    android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Input 1 : ">
</TextView>
<EditText
android:id="@+id/etInput1"
android:layout_width="match_parent"
android:layout_height="60dip"
android:layout_toRightOf="@+id/text1">
</EditText>
 
    <TextView
    android:id="@+id/text2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Input 2 : "
android:layout_below="@+id/etInput1">
</TextView>
<EditText
android:id="@+id/etInput2"
android:layout_width="match_parent"
android:layout_height="60dip"
android:layout_below="@+id/etInput1"
android:layout_toRightOf="@+id/text2">
</EditText>
    <Button
android:id="@+id/btnAdd"
android:text="+"
android:layout_width="60dip"
android:layout_height="60dip"
android:layout_below="@+id/etInput2">
</Button>
<Button
android:id="@+id/btnSub"
android:text="-"
android:layout_width="60dip"
android:layout_height="60dip"
android:layout_below="@+id/etInput2"
android:layout_toRightOf="@+id/btnAdd">
</Button>
<Button
android:id="@+id/btnMul"
android:text="*"
android:layout_width="60dip"
android:layout_height="60dip"
android:layout_below="@+id/etInput2"
android:layout_toRightOf="@+id/btnSub">
</Button>
<Button
android:id="@+id/btnDiv"
android:text="/"
android:layout_width="60dip"
android:layout_height="60dip"
android:layout_below="@+id/etInput2"
android:layout_toRightOf="@+id/btnMul">
</Button>

    <TextView
    android:id="@+id/text3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Result : "
android:layout_below="@+id/btnAdd">
</TextView>
<EditText
android:id="@+id/etResult"
android:layout_width="match_parent"
android:layout_height="60dip"
android:layout_below="@+id/btnAdd"
android:layout_toRightOf="@+id/text3">
</EditText>
</RelativeLayout>

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