วันจันทร์ที่ 5 มีนาคม พ.ศ. 2555

Android App :: Helloworld

วันนี้ครับผมจะมาสอนเขียนapp android
ไม่สิเรียกว่าแนะนำก่อนดีกว่า
สำหรับคนที่พึ่งมาอ่านใหม่ให้กลับไปอ่าน Android App :: Introduced

ก่อนอื่นเราเปิด eclipse ขึ้นมาก่อนเลยนะครับ เปิดแล้วเลือก File>new>other จะเจอหน้าต่างnew เด้งขึ้นมาเลือก Android >Android Project ตามรูป
จากนั้นเลือก มันจะให้เลือกชื่อproject ให้ตั้งอะไรก็ได้นะครับอย่างผมตั้งว่า Helloworld
จากนั้นจะเป็นการเลือก API นะครับแนะนำให้เลือก android 2.3.3 หรือใหม่กว่า
ต่อไปจะให้ตั้งapp info นะครับก็ตั้งไป
***package name ให้ตั้งเป็น โดเมน.ชื่อคุณ.ชื่อapp
โดยผมจะใช้ th.pureexe.helloworld เพราะผมเป็นคนไทยชื่อแฝงpureexe appชื่อhelloworld
คุณอาจจะตั้งว่า org.sumalee.helloworld เพราะคุณไม่แสวงหากำไร ใช้ชื่อสุมาลี appชื่อhelloworkd
จากนั้นรอgennerate code สักครู่ให้คุณต่อมือถือคุณรอได้เลย(ถ้าใช้ AHD ก็นั่งรอไป)
พอเสร็จกด ctrl+F11 เลยจะพบหน้าต่างRun as เลือก android application

กด Ok ไปดูที่มือถือจะพบกับ helloworld
บางคนคิดในใจ "จบและ? ได้ความรู้อะไร?"
เราจะเริ่มเข้าสู่ส่วน coding กันแล้วนะครับ
เข้าeclipse เลือก projectเมื่อกี่เลือก /src/ชื่อpackageคุณ/ชื่อactivityของคุณ

จะเห็นcodeตามนี้(ใช้syntaxเดียวกับ C/java ต้องมี;ปิดท้าย)

th.pureexe.helloworld;
import
android.app.Activity;
import
android.os.Bundle;
public
class HelloworldActivity extends Activity {/** Called when the activity is first created. */
@Override
setContentView(R.layout.
}
}
public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);main);

มาดูcodeนะครับ
บรรทัดแรก
package th.pureexe.helloworld;
ชื่อpackage ไม่มีอะไร...

บรรทัดที่2-3
import
import android.os.Bundle; เป็นการเรียก standard lib มาเฉยๆ ถ้าไม่เรียกมาเราจะใช้บางคำสั่งไม่ได้

public void onCreate(Bundle savedInstanceState) 
ประกาศใช้งานclass (Classนี้จะถูกเรียกเมื่อเปิดโปรแกรมทันที)

public class HelloworldActivity extends Activity {
เป็นfunction(จะให้ถูกต้องเรียก method แต่ขอเรียก Functionแล้วกันนะครับ)ที่ถูกเรียกตอนเปิดโปรแกรม พวกตัวแปรที่ใช้ระบุตำแหน่ง(คล้ายๆpointer)จะถูกประกาศ ณ Function นี้
setContentView(R.layout.main);
คำสั่งนี้คือให้เปิดไฟล์ main.xmlใน /res/layout/main.xml มาโชว์

จะสังเกตว่าไม่มีคำว่าhelloworld สักนิดเดียว เกิดอะไรขึ้น?? เราต้องมาสืบจากศพกัน
เบาะแสที่มีคือ

setContentView(R.layout.main);
ฉนั้นมองไปซ้ายเลือก/res/layout/main.xml

เข้าไปแล้วเราจะพบกับส่วนออกแบบ UI นั้นเอง เล่นได้ตามสนุกเลยครับ ^^

*** Note *** ตั้งค่าหน้าจอให้เหมาะกับตัวเองด้วยนะครับ

จบตอน

ตอนหน้าพบกับ Android App :: Editbox &TextView
ระหว่างนี้อาจจะตัดไปทำ Android Rom :: Introduced ก่อนก็ติดตามอ่านเอานะครับ
android.app.Activity;

package

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

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