Android : เริ่มต้นเขียน Source Code และ การออกแบบหน้าจอ

เริ่มต้นเขียน Source Code และ การออกแบบหน้าจอ

ในบทนี้ เรามาต่อจากครั้งที่แล้ว จะเป็นการเริ่มต้นเขียน Source Code และ การออกแบบหน้าจอ เรามาเริ่มกันเลย

1.เปิดชุดเครื่องมือ Eclipse ขึ้นมา จากโปรเจ็คครั้งที่แล้ว

เรามาดูรายละเอียดกันนิดหนึ่ง
- Folder src จะเก็บรายละเอียดของ Source Code ภาษา Java ที่เราเขียนลงไป
- Folder gen จะมีไฟล์หนึ่งชื่อ R.java เป็นการเก็บรายละเอียดต่างของ Object ที่เราได้สร้างขึ้น (ระบบจะสร้างไฟล์นี้ขึ้นมาเอง)
- Folder res จะประกอบ Folder หลักๆ คือ
     - drawable สำหรับเก็บไฟล์รูปภาพต่างๆ
     - layout สำหรับเก็บไฟล์ออกแบบหน้าจอ (.xml)
     - values สำหรับเก็บไฟล์ในการออกแบบอักษรหรือกำหนดค่าต่างๆ (.xml)
- File AndroidManifest.xml สำหรับกำหนดค่าเริ่มต้นของการเปิดหน้าจอ

เรามาเริ่มต้นทดลองพัฒนาและ Runโปรแกรมตัวแรกกัน
ระบบจะสร้าง Source Code มาให้
// main.java
package com.test;

import android.app.Activity;
import android.os.Bundle;

public class main extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
}

ในส่วนของไฟล์ 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"
    >
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    />
</LinearLayout>

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

เมื่อเราไปดูที่ไฟล์ string.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="hello">Hello World, main!</string>
    <string name="app_name">Start</string>
</resources>

ในครั้งนี้เราสามารถสร้างและทดลอง Run โปรแกรมเพื่อทดสอบการทำงานของตัวเครื่องมือพัฒนา Eclipse และตัว Emulator