วันศุกร์ที่ 12 ธันวาคม พ.ศ. 2557

รีวิว [Lesson 2] สร้าง Project เขียน App Android และรันแอพผ่าน Emulato

THAIWARE.COM | ไทยแวร์รีวิว
 
 

 ค้นหารีวิว !

 
 

 ไทยแวร์รีวิว

 
ส่งรีวิวเข้าไทยแวร์ดอทคอม (Submit Review to Thaiware.com)
 

 รีวิวฮอตประจำสัปดาห์

 
 

 รีวิวที่เกี่ยวข้อง

 
 

  สินค้าแนะนำ

 
 
 

 ถาม-ตอบ

 
 
 

 รายละเอียดรีวิว !

พรีวิว [Lesson 2] สร้าง Project เขียน App Android และรันแอพผ่าน Emulator

 รีวิว [Lesson 2] สร้าง Project เขียน App Android และรันแอพผ่าน Emulator เป็นรีวิว Mobile/Tablet

 วันที่เขียน : 14 มิถุนายน 2556 (June 14, 2013)
 หมวดหมู่ : ซอฟต์แวร์
 เขียนโดย :  Thaiware
ผู้เข้าชม

21,722
โหวตให้คะแนน
 
 
คะแนนโหวต 4.72 (25 ครั้ง)
แบ่งปันหน้าเว็บนี้ผ่าน URL :  
 
 
ดาวน์โหลดโปรแกรม          สั่งซื้อ

 
 

 รายละเอียด

เพิ่มขนาดตัวอักษร | ลดขนาดตัวอักษร
หลังจากในตอนที่แล้ว เราได้ติดตั้งโปรแกรมพื้นฐานสำหรับเขียน แอพพลิเคชั่น Android รวมถึงได้ลองสร้าง โทรศัพท์จำลอง หรือที่เรียกว่า "Emulator" ซึ่งจะเอาไว้รันแอพพลิเคชั่นที่เราได้เขียนไว้นั่นเอง โดยในบทนี้ เราจะมาเริ่มลงมือ เขียน App Android ซึ่งนั่นคือ แอพพลิเคชั่น "Hello World" กันครับ
หมายเหตุ ถ้าใครพลาด บทเรียนที่แล้วสามารถคลิกอ่านได้ที่นี่ รีวิว - [Lesson 1] เริ่มต้นเขียน แอพพลิเคชั่น Android ต้องทำอย่างไรบ้าง ?
Android_Lesson2_01
เริ่มต้นด้วยการเปิดโปรแกรม Eclipse ขึ้นมาก่อนเลย แล้วคลิกไปที่เมนู File > New > Other...
Android_Lesson2_02
เลือก "Android Application Project" และ Next เพื่อไปยังขั้นตอนต่อไป
Android_Lesson2_03
มาถึงในขั้นตอนนี้ เราจะต้องเลือกข้อมูลเบื้องต้นเกี่ยวกับแอพพลิเคชั่น Android ที่เราจะสร้างขึ้น ให้เราเลือกแบบภาพตัวอย่างด้านบนก็ได้ครับ
  • Application Name : ชื่อแอพ ซึ่งจะโชว์บนสมาร์ทโฟน
  • Project Name : ชื่อของ Project แอนดรอยด์
  • Package Name : ชื่อแพ็คเกจของแอพเรา ที่กำลังจะพัฒนา
  • Minimum Required SDK : เวอร์ชั่นต่ำสุดของอุปกรณ์แอนดรอยด์ (API) ที่เราต้องการให้รันได้ เช่น เราต้องการให้แอพเราทำงานบน Android 2.2 (Froyo) ก็เลือก API 8: Android 2.2 (Froyo)
  • Target SDK : เวอร์ชั่นของ API ที่ต้องการพัฒนา
  • Compile With : เวอร์ชั่นของคอมไพเลอร์ เลือกให้เหมือน Target SDK ก็ได้นะ
  • Theme : ธีมของแอพที่แสดงผล ตรงนี้ไม่ส่งผลอะไร เลือกแบบไหน เราก็สามารถปรับเปลี่ยนได้ภายหลัง
Android_Lesson2_04
ขั้นตอนนี้ ติ๊กถูกตามภาพด้านบน และคลิก Next
Android_Lesson2_05
ในหน้านี้เป็นการตั้งค่ารูปไอคอนของแอพเรา ซึ่งตรงนี้สามารถแก้ไขรูปไอคอนได้ภายหลัง ส่วนที่เห็นด้านขวาเป็น mdpi, hdpi, xhdpi และ xxhdpi คือความละเอียดของไอคอน ซึ่งจะมีผล เวลาลงแอพในอุปกรณ์ที่มีความละเอียดของหน้าจอที่แตกต่างกันไปนั่นเองครับ
Android_Lesson2_06
ให้เราเลือกรูปแบบของ Layout เบื้องต้นที่ต้องการใช้งาน ให้เลือก "New Blank Activity" และคลิก Next
Android_Lesson2_07
ตั้งชื่อ Activity และ Layout ที่ต้องการ เริ่มต้นยังไม่ต้องตั้งก็ได้ครับ เอาตาม Default ไปก่อน แล้วคลิก Finish เป็นการเสร็จสิ้นการตั้งค่าข้อมูลพื้นฐานของการ เขียน App Android
  • Activity Name : ชื่อของคลาส (Class) หลักที่จะพัฒนาแอพ
  • Layout Name : ชื่อ Layout ซึ่งจะเป็นตัวแสดงผลของแอพ
Android_Lesson2_08
มาดูในส่วนของการใช้งานหลัก จะแบ่งเป็น 2 ด้าน คือ ด้านซ้ายเอาไว้ Browse ไฟล์ที่เกี่ยวข้องในโปรเจคเรา คล้ายๆ กับ Windows Explorer นั่นเอง ส่วนด้านขวาเป็น Workspace เอาไว้เขียนโค้ด, แก้ไข Layout และเปิดไฟล์จากด้านซ้ายครับ
Android_Lesson2_09
ให้เราเปิดไฟล์ "activity_main.xml" โดยไปที่ res > Layout > ดับเบิ้ลคลิก "activity_main.xml" ซึ่งโค้ด .XML เป็นส่วนที่จะแสดงผล หรือพูดง่ายๆ มันเป็นรูปร่างหน้าตาหลักของแอพเรานั่นเอง
หมายเหตุ ในบทเรียนนี้ เราจะยังไม่เข้าไปแก้ไขโค้ด MainActivity.java นะครับ
ScreenHunter_198 Jun
คลาส "activity_main.xml" ผมจะอธิบายส่วนที่สำคัญ นอกเหนือจากนี้สามารถหาอ่านได้ที่ Android Reference เลยครับ
  • android:layout_width และ android:layout_height เป็นการกำหนด Attribute ขนาดของวัตถุ ที่นิยมใช้มีดังนี้
    • match_parent >> อ้างอิงขนาดจาก Layout ด้านบน
    • wrap_content >> ขนาดจะเท่าพอดีกับวัตถุ
    • fill_parent >> ขนาดจะเต็มหน้าจอ คล้ายกับเปิด Windows เต็มหน้าต่าง
  • android:text="@string/hello_world" >> แสดงตัวอักษร String ที่ถูกเก็บไปใน String ที่มีชื่อว่า hello_world
Android_Lesson2_10
ทีนี้เราจะลองเปลี่ยนข้อมูลเบื้องต้นของแอพเรา ให้เข้าไปที่ res > values > ดับเบิ้ลคลิก "strings.xml"
Android_Lesson2_11
ลองเปลี่ยนค่าตามภาพด้านบนดูครับ ซึ่งค่า String เหล่านี้จะถูกเรียกไปใช้ในหน้า Layout นั่นเองครับ
  • app_name >> ชื่อแอพของเรา
  • menu_settings >> ชื่อเมนูการตั้งค่า
  • hello_world >> ข้อความที่เราต้องการจะแสดงในหน้า Layout
Android_Lesson2_12
กลับมาที่ส่วนของ Layout จะสังเกตที่มุมซ้ายล่างให้คลิก "Graphical Layout" เราจะเห็นได้ว่าชื่อแอพได้เปลี่ยนเป็น "First App Ja" และข้อความเปลี่ยนจาก "Hello World" เป็น "I Love Thaiware" .. นอกจากนี้ในหน้า Graphical Layout เราสามารถลาก Widgets รูปแบบต่างๆ มาไว้ในหน้า Layout ได้เลย แต่วิธีนี้ผมไม่แนะนำ เพราะจะทำให้โค้ด .XML มั่ว และจัดยาก ทางที่ดีให้เราเขียนโค้ด .XML ขึ้นมาเองดีกว่าครับ
Android_Lesson2_13
ลองรัน Emulator โดยคลิกขวาที่โปรเจค HelloWorld > Run As > Android Application จากนั้นก็จะมีป็อปอัพ Emulator ขึ้นมา รอสักพัก (ขึ้นอยู่กับความเร็วของคอมพิวเตอร์) ก็จะรันเข้าแอพเราโดยอัตโนมัติเลยครับ
Android_Lesson2_14
เมื่อลองเล่น Emulator จะเห็นว่าแอพที่เราเพิ่งคอมไพล์ และรัน ขึ้นมาในหน้า App Drawer แล้วครับ และสามารถลบแอพ หรือเปิดแอพมาเล่นได้ตามใจชอบ เหมือนที่เราทำบนมือถือ Android จริงๆ เลยครับ
เป็นอย่างไรกันบ้างครับ สำหรับ [Lesson 2] สร้าง Project เขียน App Android และรันแอพผ่าน Emulator ถ้ามีส่วนไหนที่ไม่เข้าใจ หรือสงสัยสามารถคอมเม้นท์ถามได้ด้านล่างเลยครับ และในบทต่อไปเตรียมตัวพบกับการ เขียน App Android ลงทะเบียนเบื้องต้น ซึ่งจะทำให้เราเข้าใจความสัมพันธ์ของ Layout กับโค้ดในโปรแกรมได้มากยิ่งขั้น
อัพเดต ! [Lesson 3] ความสัมพันธ์ของ Layout และโค้ด Java ในการเขียน Android
 
  
 
 

 
 
ดาวน์โหลดโปรแกรม          สั่งซื้อ
Facebook Facebook
 
Twitter Tweet
 
Google
แบ่งปันหน้าเว็บนี้ผ่าน URL : 
 
 

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

ความคิดเห็นที่ 14
13 มิถุนายน 2557 22:38:41 (IP 114.109.103.xxx)
GUEST
narmfon
สำหรับผู้ที่สนใจเรียนเขียน Android
ขอแนะนำที่เรียน Android คะ ไม่ว่าจะเป็นผู้เริ่มต้นเขียน Android ก็เรียนได้คะ เพราะหลักสูตรที่เรียนนั้นมีมากกว่า 60 บท และ ในทุกๆเดือนจะมีบทเรียนใหม่ๆ เพิ่มตลอด

vidword.com สอนเขียนโปรแกรม android มากกว่า 60 บท ราคาเพียง 799 บาท พิเศษจ่ายครั้งเดียว ดูวีดีโอใหม่ ฟรี! ตลอดชีพ
เรียนแบบออนไลน์ผ่านระบบอินเทอร์เน็ต เรียนได้จากทุกอุปกรณ์ ทุกที่ และทุกเวลา เสียง และภาพชัด วีดีโอไม่กระตุก มาทดลองเรียนกันนะคะ

http://www.vidword.com/m/1111

ขอขอบคุณที่เลือกใช้บริการของทางเราคะ
ขอบคุณค่ะ
 
ความคิดเห็นที่ 13
16 มกราคม 2557 11:12:03 (IP 110.77.182.xxx)
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 (IP 183.89.86.xxx)
GUEST
BB
@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 ทั้งสองที่เลยค่ะ
 
ความคิดเห็นที่ 11
21 สิงหาคม 2556 11:02:27 (IP 110.77.232.xxx)
GUEST
ผู้ที่เรียนรู้
อยากให้ทำเกมออกมาด้วยน่ะคัฟพอดีว่าครูของผมอยากได้เกมในสื่อการเรียนการสอนเพราะว่าผมทำเรื่องลมสุริยะครูเขาก็บอกให้ไปทำเกมมาดวยในแอฟนี้ ผมทำไม่เป็นอ่ะคัฟช่วยตอบผมหน่อยน่ะคัฟ
 
ความคิดเห็นที่ 10
8 สิงหาคม 2556 17:16:49 (IP 171.99.119.xxx)
GUEST
rose
ทำไมเวลาปิดโปรแกรม eclipse
พอ จะเปิดใหม่ต้องติดตั้งใหม่ทุกครั้งเลย
 
ความคิดเห็นที่ 9
4 สิงหาคม 2556 17:03:50 (IP 124.121.92.xxx)
GUEST
maimemory
ขอบคุณสำหรับบทความดีๆแบบนี้ครับ
 
ความคิดเห็นที่ 8
31 กรกฎาคม 2556 14:50:14 (IP 101.108.157.xxx)
GUEST
ceeball
บทเรียนต่อไป เมื่อไหร่มาครับ
 
ความคิดเห็นที่ 7
2 กรกฎาคม 2556 16:34:34 (IP 171.99.47.xxx)
GUEST
wit
ดีครับ รอเรียนตอนต่อไปครับ
 
ความคิดเห็นที่ 6
20 มิถุนายน 2556 10:19:29 (IP 58.8.149.xxx)
คุณ knomthai โปรแกรมที่ใช้หลักเป็น Eclipse นะครับ

ส่วนภาษาที่ใช้เป็น Java และ XML เป็นหลัก

สามารถอ่านรายละเอียดขั้นตอนการติดตั้งแบบละเอียด และดาวน์โหลดโปรแกรมได้ที่

[Lesson 1] เริ่มต้นเขียน แอพพลิเคชั่น Android ต้องทำอย่างไรบ้าง ?

ลิงค์นี้เลยครับ http://review.thaiware.com/384-Lesson-1-Android-Tutorial.html
 
ความคิดเห็นที่ 5
19 มิถุนายน 2556 22:59:38 (IP 49.48.132.xxx)
โปรแกรมที่ใช้และภาษามีอะไรบ้างครับ
ขอบคุณครับ
 

ก่อนหน้า12ถัดไป
 
 
Thaiware Communication Co.,Ltd.
Thaiware Communication Co.,Ltd.
Copyright 1999-2014 Thaiware.com All rights reserved.
E-Commerce Registration Number : 0108414736771
เลขประจำตัวผู้เสียภาษี / Tax ID : 010-554-707-3996
เขียนโดย ที่

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

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

สมัครสมาชิก: ส่งความคิดเห็น (Atom)