วันศุกร์ที่ 29 กรกฎาคม พ.ศ. 2554

การพัฒนาแอปพลิเคชั่นบน Android

หลังจากที่เราได้ลองติดตั้งและทดสอบ Emulator ของEclipse  Android SDK กันแล้ว
มาคราวนี้เราจะลอง App ง่ายๆ บน Android กัน ด้วยโปรแกรมพื้นฐานสำหรับทุกการเขียนโปรแกรมอย่าง Hello World
http://img.spacethai.net/images/helloandro.png
เริ่มต้นด้วยการสร้างโปรเจค Android ใน Eclipse
1. เปิดโปรแกรม Eclipse ขึ้นมา จากนั้นเลือกที่ File > New > Project
ในหน้าต่าง New Project ภายใต้ Android เลือก Andrild project ดังรูป หลังจากนั้นให้กด Next
http://img.spacethai.net/images/helloakqk.png
2. เมื่อเสร็จจากขั้นตอนแรกแล้วจะได้ดังรูปนี้ โดยกรอกข้อมูลต่อไปนี้
- Project Name: HelloWorld
- Build Target : Android 2.2
- Application Name: HelloWorld
- Package Name: com.example.hello
- Create Activity: HelloWorld
- Min SDK Version: 8
จากนั้นคลิกที่ Finish
http://img.spacethai.net/images/helloavov.png
นี่คือคำอธิบายของแต่ละฟิลด์:
- Project Name : นี้คือชื่อโปรเจกของ Eclipse – ชื่อของไดเรกทอรีที่จะมีไฟล์โปรเจกอยู่
- Build Target : ได้เลือกใช้ Android 2.2 platform ซึ่งหมายความว่าแอปพลิเคชันของคุณจะถูก compiled กับ Android 2.2 platform library
- Application Name : นี้เป็นชื่อสำหรับแอปพลิเคชันของคุณ – ชื่อที่จะปรากฏในอุปกรณ์ Android
- Package name : นี้คือ namespace แพคเกจ (ตามกฎเดียวกันกับสำหรับแพคเกจในภาษา Java) ถ้าจะเปรียบเทียบให้ง่ายๆก็เหมือนเป็นโฟลเดอร์ที่ทำหน้าที่จัดเก็บ Class ต่างๆ ไว้ให้เป็นหมวดหมู่
- Create Activity : นี้คือชื่อสำหรับ class stub ที่จะสร้างโดยปลั๊กอินนี้ ซึ่งจะเป็น subclass ของ Android’s Activity class
- Min SDK Version : ค่านี้ระบุ API ระดับต่ำสุดที่จำเป็นสำหรับแอปพลิเคชันของคุณ
3. ตอนนี้โปรเจก Android ของคุณพร้อมแล้ว คุณจะมองเห็นใน Package Explorer อยู่ด้านซ้าย คลิกเปิดไฟล์ HelloWorld.java (HelloAndroid > src > com.example.helloworld) ซึ่งควรมีลักษณะเช่นนี้:
package com.example.helloworld;

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

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

ไม่มีความคิดเห็น:

แสดงความคิดเห็น