หลังจากในตอนที่แล้ว เราได้ติดตั้งโปรแกรมพื้นฐานสำหรับเขียน แอปพลิเคชัน Android รวมถึงได้ลองสร้าง โทรศัพท์จำลอง หรือที่เรียกว่า "Emulator" ซึ่งจะเอาไว้รันแอปพลิเคชันที่เราได้เขียนไว้นั่นเอง โดยในบทนี้ เราจะมาเริ่มลงมือ เขียน App Android ซึ่งนั่นคือ แอปพลิเคชัน "Hello World" กันครับ
หมายเหตุ ถ้าใครพลาด บทเรียนที่แล้วสามารถคลิกอ่านได้ที่นี่ รีวิว - [Lesson 1] เริ่มต้นเขียน แอปพลิเคชัน Android ต้องทำอย่างไรบ้าง ?
เริ่มต้นด้วยการเปิดโปรแกรม Eclipse ขึ้นมาก่อนเลย แล้วคลิกไปที่เมนู File > New > Other...
เลือก "Android Application Project" และ Next เพื่อไปยังขั้นตอนต่อไป
มาถึงในขั้นตอนนี้ เราจะต้องเลือกข้อมูลเบื้องต้นเกี่ยวกับแอปพลิเคชัน Android ที่เราจะสร้างขึ้น ให้เราเลือกแบบภาพตัวอย่างด้านบนก็ได้ครับ
ขั้นตอนนี้ ติ๊กถูกตามภาพด้านบน และคลิก Next
ในหน้านี้เป็นการตั้งค่ารูปไอคอนของแอปเรา ซึ่งตรงนี้สามารถแก้ไขรูปไอคอนได้ภายหลัง ส่วนที่เห็นด้านขวาเป็น mdpi, hdpi, xhdpi และ xxhdpi คือความละเอียดของไอคอน ซึ่งจะมีผล เวลาลงแอปในอุปกรณ์ที่มีความละเอียดของหน้าจอที่แตกต่างกันไปนั่นเองครับ
ให้เราเลือกรูปแบบของ Layout เบื้องต้นที่ต้องการใช้งาน ให้เลือก "New Blank Activity" และคลิก Next
ตั้งชื่อ Activity และ Layout ที่ต้องการ เริ่มต้นยังไม่ต้องตั้งก็ได้ครับ เอาตาม Default ไปก่อน แล้วคลิก Finish เป็นการเสร็จสิ้นการตั้งค่าข้อมูลพื้นฐานของการ เขียน App Android
มาดูในส่วนของการใช้งานหลัก จะแบ่งเป็น 2 ด้าน คือ ด้านซ้ายเอาไว้ Browse ไฟล์ที่เกี่ยวข้องในโปรเจคเรา คล้ายๆ กับ Windows Explorer นั่นเอง ส่วนด้านขวาเป็น Workspace เอาไว้เขียนโค้ด, แก้ไข Layout และเปิดไฟล์จากด้านซ้ายครับ
ให้เราเปิดไฟล์ "activity_main.xml" โดยไปที่ res > Layout > ดับเบิ้ลคลิก "activity_main.xml" ซึ่งโค้ด .XML เป็นส่วนที่จะแสดงผล หรือพูดง่ายๆ มันเป็นรูปร่างหน้าตาหลักของแอปเรานั่นเอง
หมายเหตุ ในบทเรียนนี้ เราจะยังไม่เข้าไปแก้ไขโค้ด MainActivity.java นะครับ
คลาส "activity_main.xml" ผมจะอธิบายส่วนที่สำคัญ นอกเหนือจากนี้สามารถหาอ่านได้ที่ Android Reference เลยครับ
ทีนี้เราจะลองเปลี่ยนข้อมูลเบื้องต้นของแอปเรา ให้เข้าไปที่ res > values > ดับเบิ้ลคลิก "strings.xml"
ลองเปลี่ยนค่าตามภาพด้านบนดูครับ ซึ่งค่า String เหล่านี้จะถูกเรียกไปใช้ในหน้า Layout นั่นเองครับ
กลับมาที่ส่วนของ Layout จะสังเกตที่มุมซ้ายล่างให้คลิก "Graphical Layout" เราจะเห็นได้ว่าชื่อแอปได้เปลี่ยนเป็น "First App Ja" และข้อความเปลี่ยนจาก "Hello World" เป็น "I Love Thaiware" .. นอกจากนี้ในหน้า Graphical Layout เราสามารถลาก Widgets รูปแบบต่างๆ มาไว้ในหน้า Layout ได้เลย แต่วิธีนี้ผมไม่แนะนำ เพราะจะทำให้โค้ด .XML มั่ว และจัดยาก ทางที่ดีให้เราเขียนโค้ด .XML ขึ้นมาเองดีกว่าครับ
ลองรัน Emulator โดยคลิกขวาที่โปรเจค HelloWorld > Run As > Android Application จากนั้นก็จะมีป็อปอัพ Emulator ขึ้นมา รอสักพัก (ขึ้นอยู่กับความเร็วของคอมพิวเตอร์) ก็จะรันเข้าแอปเราโดยอัตโนมัติเลยครับ
เมื่อลองเล่น Emulator จะเห็นว่าแอปที่เราเพิ่งคอมไพล์ และรัน ขึ้นมาในหน้า App Drawer แล้วครับ และสามารถลบแอป หรือเปิดแอปมาเล่นได้ตามใจชอบ เหมือนที่เราทำบนมือถือ Android จริงๆ เลยครับ
เป็นอย่างไรกันบ้างครับ สำหรับ [Lesson 2] สร้าง Project เขียน App Android และรันแอปผ่าน Emulator ถ้ามีส่วนไหนที่ไม่เข้าใจ หรือสงสัยสามารถคอมเม้นท์ถามได้ด้านล่างเลยครับ และในบทต่อไปเตรียมตัวพบกับการ เขียน App Android ลงทะเบียนเบื้องต้น ซึ่งจะทำให้เราเข้าใจความสัมพันธ์ของ Layout กับโค้ดในโปรแกรมได้มากยิ่งขั้น
อัพเดต ! [Lesson 3] ความสัมพันธ์ของ Layout และโค้ด Java ในการเขียน Android
ความคิดเห็นที่ 15
21 กรกฎาคม 2559 16:29:54
|
||
ผมเป็นตั้งแต่สร้างโปรแจ็คเลยอะครับ ทำตามตัวอย่างเป๊ะ แต่กด Finish ไม่ไปไหนเลย กี่ครั้งๆก็ไม่ไปไหนอะ
|
||
ความคิดเห็นที่ 14
13 มิถุนายน 2557 22:38:41
|
||
GUEST |
narmfon
สำหรับผู้ที่สนใจเรียนเขียน Androidขอแนะนำที่เรียน Android คะ ไม่ว่าจะเป็นผู้เริ่มต้นเขียน Android ก็เรียนได้คะ เพราะหลักสูตรที่เรียนนั้นมีมากกว่า 60 บท และ ในทุกๆเดือนจะมีบทเรียนใหม่ๆ เพิ่มตลอด vidword.com สอนเขียนโปรแกรม android มากกว่า 60 บท ราคาเพียง 799 บาท พิเศษจ่ายครั้งเดียว ดูวีดีโอใหม่ ฟรี! ตลอดชีพ เรียนแบบออนไลน์ผ่านระบบอินเทอร์เน็ต เรียนได้จากทุกอุปกรณ์ ทุกที่ และทุกเวลา เสียง และภาพชัด วีดีโอไม่กระตุก มาทดลองเรียนกันนะคะ http://www.vidword.com/m/1111 ขอขอบคุณที่เลือกใช้บริการของทางเราคะ ขอบคุณค่ะ |
|
ความคิดเห็นที่ 13
16 มกราคม 2557 11:12:03
|
||
1. ทำไมเวลาปิดโปรแกรม eclipse
พอ จะเปิดใหม่ต้องติดตั้งใหม่ทุกครั้งเลย >> ลองดาวน์โหลดโปรแกรมมาติดตั้งใหม่ครับ ลองกลับไปอ่าน Lesson 1 ดูก่อน http://review.thaiware.com/384-Lesson-1-Android-Tutorial.html 2. อยากให้ทำเกมออกมาด้วยน่ะคัฟพอดีว่าครูของผมอยากได้เกมในสื่อการเรียนการสอนเพราะว่าผมทำเรื่องลมสุริยะครูเขาก็บอกให้ไปทำเกมมาดวยในแอฟนี้ ผมทำไม่เป็นอ่ะคัฟช่วยตอบผมหน่อยน่ะคัฟ >> คงต้องศึกษาไปเรื่อยๆ นะครับ ลองหาหนังสือมาหาอ่านดูก่อนนะ ไม่เข้าใจมาถามได้ 3. @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } } เกิด error ตรงตัว R ทั้งสองที่เลยค่ะ >> ลอง Compile ใหม่ดูครับ ไม่ก็ Restart Eclipse สักหนึ่งทีแล้วค่อย Compile ด้วยการไปที่ File/ Restart |
||
ความคิดเห็นที่ 12
23 กันยายน 2556 18:17:14
|
||
GUEST |
BB
@Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } } เกิด error ตรงตัว R ทั้งสองที่เลยค่ะ |
|
ความคิดเห็นที่ 11
21 สิงหาคม 2556 11:02:27
|
||
GUEST |
ผู้ที่เรียนรู้
อยากให้ทำเกมออกมาด้วยน่ะคัฟพอดีว่าครูของผมอยากได้เกมในสื่อการเรียนการสอนเพราะว่าผมทำเรื่องลมสุริยะครูเขาก็บอกให้ไปทำเกมมาดวยในแอฟนี้ ผมทำไม่เป็นอ่ะคัฟช่วยตอบผมหน่อยน่ะคัฟ
|
|
ความคิดเห็นที่ 10
8 สิงหาคม 2556 17:16:49
|
||
GUEST |
rose
ทำไมเวลาปิดโปรแกรม eclipse พอ จะเปิดใหม่ต้องติดตั้งใหม่ทุกครั้งเลย |
|
ความคิดเห็นที่ 9
4 สิงหาคม 2556 17:03:50
|
||
GUEST |
maimemory
ขอบคุณสำหรับบทความดีๆแบบนี้ครับ
|
|
ความคิดเห็นที่ 8
31 กรกฎาคม 2556 14:50:14
|
||
GUEST |
ceeball
บทเรียนต่อไป เมื่อไหร่มาครับ
|
|
ความคิดเห็นที่ 7
2 กรกฎาคม 2556 16:34:34
|
||
GUEST |
wit
ดีครับ รอเรียนตอนต่อไปครับ
|
|
ความคิดเห็นที่ 6
20 มิถุนายน 2556 10:19:29
|
||
คุณ knomthai โปรแกรมที่ใช้หลักเป็น Eclipse นะครับ
ส่วนภาษาที่ใช้เป็น Java และ XML เป็นหลัก สามารถอ่านรายละเอียดขั้นตอนการติดตั้งแบบละเอียด และดาวน์โหลดโปรแกรมได้ที่ [Lesson 1] เริ่มต้นเขียน แอพพลิเคชั่น Android ต้องทำอย่างไรบ้าง ? ลิงค์นี้เลยครับ http://review.thaiware.com/384-Lesson-1-Android-Tutorial.html |
||