เขียน android โปรแกรมแรก Hello world
วันนี้จะมาลองเขียน app android แบบเบื้องต้นกันครับ โปรเจ็คง่ายๆเลยครับ Hello World สำหรับคนที่เพิ่งเริ่มต้นสามารถดาวน์โหลดSDKและติดตั้งได้ที่นี่ครับ อย่าลืมติดตั้ง Eclipse ด้วยนะครับเพราะใช้ eclipse เป็น editor ในการเขียน
- ขั้นตอนแรกสร้างโปรเจ็คต์ใหม่่ โดยคลิก หรือไปคลิกที่ File -> New -> Project
- จะปรากฏไดอะล็อก New Project ขึ้นมา คลิกเลือก Android -> Android Application Project แล้วคลิกปุ่ม Next
- ในหน้าจอ New Android App จะให้ใส่ข้อมูลดังนี้
- Application Name ให้ใส่ชื่อโปรแกรมของเรา
- Project Name ให้ใส่ชื่อโปรเจ็คต์ ( Eclipse จะ copy Application Name มาวางให้เราโดย default)
- Package Name ให้ใส่ชื่อแพ็คเำกจ (Default จะเป็น com.example.Application Name ของเรา )
- Build SDK ให้ระบุ version android ที่เราต้องการจะเขียน (10/09/2012 version ล่าสุดคือ 4.1 ) โดยปกติก็ระบุเป็น version ล่าสุด
- Minimum SDK ระบุ version ต่ำสุดที่โปรแกรมเรา support
- กรณีที่หน้าก่อนหน้าเราคลิก Create Custom Launcher ก็จะมาหน้าให้เราเลือก Icon โปรแกรมโดยสามารถเลือกจาก Clipart หรือ icon ที่เราสร้างเองก็ได้ครับ เสร็จแล้ว Next
- หน้าถัดมาจะเราสามารถเลือกได้ว่าจะสร้าง Activity หรือไม่ กรณีถ้าไม่ต้องการสร้างคลิก Create Activity ออก ก็สามารถ Finish ได้เลย กรณีถ้าต้องการสร้างก็สามารถเลือกได้ว่าจะเป็นแบบ
- MainActivity
- MasterDetailFlow
- ในหน้าจอ New Blank Activity จะให้เราใส่ ชื่อ Activity, Layout และ Title โดยถ้าไม่ต้องการเปลี่ยนก็สามารถคลิก Finish ได้เลยครับ
- เมื่อคลิก Finish ก็จะปรากฏหน้า Layout โดยขึ้นโชว์เป็นแบบ Graphical Layout สามารถคลิกเปลี่ยนไปดูแบบ xml ได้โดยคลิกที่แท็บด้านล่างที่เป็นชื่อไฟล์ Layout.xml(ในที่นี้ชื่อ main_activity.xml)
ก็จะแสดงโค้ด xmlขึ้นมา เปลี่ยนกลับไปดูอีกแบบ ก็คลิกแท็บ Graphical Layout ด้านล่างครับ
- ทีนี้เราจะมาเปิดดู Source code กัน โดยจะอยู่ในโฟลเดอร์ src/ชื่อแพคเกจ/ชื่อ activity.java เปิดไฟล์ขึ้นมาครับ( ในที่นี้คือ MainActivity.java อยู่ใน src/com/example/helloworld/MainActivity.java)
- ในไฟล์ Activity ที่ eclipse สร้างมาให้จะประมาณนี้ครับ
package com.example.helloworld; import android.os.Bundle; import android.app.Activity; import android.view.Menu; public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } /* * โค้ดส่วนล่างนี้ยังไม่ได้ใช้ครับสามารถ comment ไปได้เลย @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.activity_main, menu); return true; } */ }
-
ทีนี้เรามาลอง run ดูเลยครับ โดยคลิกที่ Run -> Run Configurations หรือ คลิกตามรูปครับ
- เมื่อคลิกแล้วจะมีไดอะล็อกขึ้นมาครับ ให้คลิกที่ Android Application ฝั่งซ้าย จากนั้นคลิกปุ่ม new ด้านบนจะมีรายการแทรกมาใต้ Android Application ครับ ในด้านขวามือเราสามารถแก้ไขชื่อได้ครับ คลิกที่ปุ่ม Browse...
- จะมีหน้าต่างให้เลือกโปรเจ็คเลือกโปรเจ็คที่ต้องการ run เมื่อเลือกแล้วคลิกปุ่ม apply แล้วก็ run ครับ
- จากนั้น eclipse ก็จะทำการ emulator ขึ้นมาแล้วรันโปรเจ็คเราครับ หน้าก็จะประมาณนี้