สร้างและเรียกใช้แอป Android แอปแรกของคุณ

ใน Codelab นี้ คุณจะสร้างแอป Android แอปแรก (สุขสันต์วันเกิด) เริ่มจากเทมเพลตสําหรับแอปพื้นฐานที่ Android Studio มีให้ นอกจากนี้ คุณจะได้สํารวจลักษณะของโปรเจ็กต์ Android และดูวิธีใช้หน้าต่างต่างๆ ใน Android Studio

สิ่งที่ต้องมีก่อน

• ทําความคุ้นเคยกับการตั้งค่า การกําหนดค่า และการใช้แอปพลิเคชัน เช่น โปรแกรมประมวลผลคําหรือสเปรดชีต

สิ่งที่คุณจะได้เรียนรู้

• วิธีสร้างโปรเจ็กต์ Android Studio สําหรับแอป Android โดยใช้เทมเพลต

สิ่งที่คุณจะสร้าง

• แอป Android พื้นฐานจากเทมเพลต

สิ่งที่ต้องมี

• คอมพิวเตอร์ที่ติดตั้ง Android Studio

ในงานนี้ คุณจะสร้างแอป Android โดยใช้เทมเพลตโปรเจ็กต์จาก Android Studio

เทมเพลตโครงการ

ใน Android Studio เทมเพลตโครงการเป็นแอป Android ที่มีส่วนที่จําเป็นทั้งหมดแต่ไม่ได้ทําอะไรเลย มีจุดประสงค์เพื่อช่วยให้คุณเริ่มต้นใช้งานได้เร็วขึ้นและช่วยประหยัดเวลา ตัวอย่างบางส่วนของเทมเพลตใน Android Studio คือแอปที่มีแผนที่และแอปที่มีหลายหน้าจอ

สร้างโปรเจ็กต์กิจกรรมที่ว่างเปล่า

ในขั้นตอนเหล่านี้ คุณจะสร้างโปรเจ็กต์ Android Studio ใหม่โดยใช้เทมเพลตโปรเจ็กต์กิจกรรมเปล่าสําหรับแอปใหม่

1. เริ่มต้น Android Studio (หากยังไม่ได้เปิด) โดยคลิกไอคอน Android Studio

หน้าต่างยินดีต้อนรับสู่ Android Studio จะปรากฏขึ้น

2. คลิก + เริ่มโครงการ Android Studio ใหม่ในหน้าต่างยินดีต้อนรับสู่ Android Studio

หน้าต่างสร้างโครงการใหม่จะปรากฎขึ้นเมื่อมีรายการเทมเพลตจาก Android Studio

3. คลิกแท็บที่ด้านบน แล้วเลื่อนดูเทมเพลตต่างๆ เพื่อให้ทราบว่าคุณจะทําอะไรได้บ้าง โดยมีเทมเพลตสําหรับอุปกรณ์หลายประเภท (เช่น โทรศัพท์ แท็บเล็ต และนาฬิกา) และแอปประเภทต่างๆ (แอปที่มีหน้าจอแบบเลื่อนได้ แอปที่มีแผนที่ และแอปที่มีการนําทางสุดหรู)
4. ที่ด้านซ้ายบนของหน้าต่าง ให้คลิกแท็บโทรศัพท์และแท็บเล็ต
5. คลิกเทมเพลตกิจกรรมว่างเปล่าในแถวบนสุดเพื่อเลือกเป็นเทมเพลตสําหรับโปรเจ็กต์

เทมเพลตกิจกรรมที่ว่างเปล่าเป็นเทมเพลตที่เรียบง่ายที่สุดที่สามารถใช้สร้างแอปได้ โดยมีหน้าจอเดียวและแสดงข้อความ " Hello World!" แบบง่าย

6. คลิกถัดไปที่ด้านล่างของหน้าต่าง กล่องโต้ตอบสร้างโปรเจ็กต์ใหม่จะเปิดขึ้น

กําหนดค่าโปรเจ็กต์ดังนี้

7. ชื่อ คือชื่อของแอป ให้ป้อน Happy Birthday เป็นชื่อใต้ชื่อในช่อง
8. Package name คือชื่อที่ใช้โดยระบบ Android เพื่อระบุแอปของคุณโดยไม่ซ้ํากัน ซึ่งโดยปกติจะเป็นชื่อองค์กรของคุณตามด้วยชื่อแอป เป็นตัวพิมพ์เล็ก (ในกรณีนี้ "com.example.happybirthday")
9. บันทึกตําแหน่งคือตําแหน่งที่จะบันทึกไฟล์ทั้งหมดที่เกี่ยวข้องกับโปรเจ็กต์ จดบันทึกว่าไฟล์ดังกล่าวอยู่ที่ไหนในคอมพิวเตอร์เพื่อให้คุณสามารถค้นหาไฟล์ได้ ตอนนี้คุณปล่อยสถานที่บันทึกไว้ได้เลย
10. ภาษาจะกําหนดภาษาโปรแกรมที่คุณต้องการใช้สําหรับโปรเจ็กต์ของคุณ ตรวจสอบว่าภาษาคือ Kotlin
11. SDK ขั้นต่ําระบุเวอร์ชัน Android ขั้นต่ําที่แอปเรียกใช้ได้ เลือกAPI 19: Android 4.4 (KitKat)จากรายการแบบเลื่อนลง

หมายเหตุ: มีระบบปฏิบัติการ Android หลายเวอร์ชัน โดยแต่ละเวอร์ชันจะตั้งชื่อตามลําดับตัวอักษรเมื่อเผยแพร่

12. ใต้ SDK ขั้นต่ํา ให้สังเกตหมายเหตุเกี่ยวกับข้อมูลจํานวนอุปกรณ์ที่แอปใช้ได้โดยมีระดับ API ที่เลือก หากคุณมีข้อสงสัย ให้คลิกลิงก์ช่วยฉันเลือกเพื่อแสดงเวอร์ชัน Android เวอร์ชันต่างๆ ดังที่แสดงด้านล่าง จากนั้นกลับไปที่หน้าต่างโปรเจ็กต์ใหม่

13. ในหน้าต่างสร้างโปรเจ็กต์ใหม่ ตรวจสอบว่าไม่ได้เลือกใช้ไลบรารี android.support เดิม คลิกที่เครื่องหมายคําถามหากต้องการทราบข้อมูลเพิ่มเติม
14. คลิกเสร็จสิ้น

Android Studio จะเปิดโปรเจ็กต์และไฟล์ทั้งหมด

เมื่อเปิด Android Studio เป็นครั้งแรก คุณจะเห็นหน้าต่าง 3 หน้าต่าง ได้แก่

(1) หน้าต่างโปรเจ็กต์จะแสดงไฟล์และโฟลเดอร์ของโครงการ

(2) หน้าต่างแก้ไขมีไว้เพื่อแก้ไขโค้ด

(3) หน้าต่างสิ่งที่ #39 ใหม่ แสดงข่าวและเคล็ดลับที่เป็นประโยชน์

แถบ Android หรือข้อความที่ระบุว่า Android Studio กําลังดําเนินการตั้งค่าโปรเจ็กต์อยู่ที่มุมขวาล่างของ Android Studio เช่น

15. รอจนกว่า Android Studio ตั้งค่าโครงการเสร็จเรียบร้อย ข้อความที่มุมซ้ายล่างเหมือนข้อความที่แสดงด้านล่างจะช่วยให้คุณทราบเมื่อโครงการเสร็จสมบูรณ์แล้ว

ในงานนี้ คุณจะใช้โปรแกรมจัดการอุปกรณ์เสมือน Android (AVD) เพื่อสร้างเวอร์ชันซอฟต์แวร์ (โปรแกรมจําลอง) ของอุปกรณ์เคลื่อนที่และเรียกใช้ในคอมพิวเตอร์ อุปกรณ์เสมือนหรือโปรแกรมจําลองจะจําลองการกําหนดค่าสําหรับอุปกรณ์ Android บางประเภท เช่น โทรศัพท์ ซึ่งอาจเป็นเพราะโทรศัพท์หรือแท็บเล็ตที่ใช้ระบบ Android เวอร์ชันที่คุณเลือก จากนั้นคุณจะใช้อุปกรณ์เสมือนเพื่อเรียกใช้แอปที่คุณสร้างด้วยเทมเพลตกิจกรรมที่ว่างเปล่า

หมายเหตุ: โปรแกรมจําลอง Android เป็นแอปพลิเคชันอิสระที่ใช้ในการตั้งค่าอุปกรณ์เสมือน รวมถึงมีข้อกําหนดของระบบของตัวเอง อุปกรณ์เสมือนจริงอาจใช้พื้นที่ในดิสก์มาก หากพบปัญหา โปรดดูเรียกใช้แอปในโปรแกรมจําลอง Android

สร้างอุปกรณ์เสมือน Android (AVD)

ขั้นตอนแรกในการใช้โปรแกรมจําลองบนคอมพิวเตอร์คือการสร้างการกําหนดค่าสําหรับอุปกรณ์เสมือน

1. จากแถบเมนู Android Studio ให้เลือกเครื่องมือ > AVD Manager

เคล็ดลับ: นอกจากนี้คุณยังเปิด AVD Manager ได้ด้วยการคลิกไอคอน ในแถบเครื่องมือ

กล่องโต้ตอบอุปกรณ์เสมือนจะแสดงด้านล่าง (หากสร้างอุปกรณ์เสมือนจริงไว้ก่อนหน้านี้ ระบบจะแสดงอุปกรณ์ดังกล่าวที่นี่)

2. คลิก + สร้างอุปกรณ์เสมือนจริง

หน้าต่างเลือกฮาร์ดแวร์จะปรากฏขึ้น

หน้าต่างเลือกฮาร์ดแวร์จะแสดงรายการอุปกรณ์ที่กําหนดค่าไว้ล่วงหน้าซึ่งจัดเรียงตามหมวดหมู่ให้คุณเลือก อุปกรณ์แต่ละเครื่องจะมีคอลัมน์สําหรับขนาดการแสดงผล (ขนาด) ความละเอียดหน้าจอเป็นพิกเซล (ความละเอียด) และความหนาแน่นพิกเซล (ความหนาแน่น) ของอุปกรณ์แต่ละเครื่อง

3. เลือกโทรศัพท์เป็นหมวดหมู่
4. เลือกโทรศัพท์ (เช่น Pixel 3 XL) แล้วคลิกถัดไป คุณจะเลือกโทรศัพท์ใดก็ได้ แต่สําหรับอุปกรณ์ Codelab นี้ ให้เลือกอุปกรณ์ที่ใหม่กว่า

หน้าต่างรูปภาพระบบจะปรากฏขึ้น ในส่วนนี้ คุณสามารถเลือกเวอร์ชันของระบบ Android ที่จะเรียกใช้ในอุปกรณ์เสมือน วิธีนี้ช่วยให้คุณทดสอบแอปในระบบ Android เวอร์ชันต่างๆ ได้

5. จากแท็บแนะนํา ให้เลือก Q เป็นเวอร์ชันของระบบ Android ที่จะเรียกใช้ในอุปกรณ์เสมือน นี่เป็น Android เวอร์ชันล่าสุดเมื่อถึงเวลาเขียน แต่คุณสามารถเลือกเวอร์ชันที่เสถียรกว่าในภายหลังได้ ดูรายการเวอร์ชันเสถียรได้ที่นี่

หมายเหตุ: หากลิงก์ดาวน์โหลดอยู่ถัดจากรูปภาพของระบบที่ต้องการใช้ แสดงว่าไม่ได้ติดตั้งรูปภาพนั้นในคอมพิวเตอร์ คุณต้องติดตั้งรูปภาพก่อนจึงจะกําหนดค่าอุปกรณ์เสมือนได้

หากต้องการติดตั้งอิมเมจระบบ ให้คลิกลิงก์ดาวน์โหลด โปรดทราบว่าการดาวน์โหลดอาจใช้เวลานาน ทั้งนี้ขึ้นอยู่กับการเชื่อมต่ออินเทอร์เน็ตของคุณ เมื่อดาวน์โหลดเสร็จแล้ว ให้คลิกเสร็จสิ้น

สําคัญ: อิมเมจระบบ Android เหล่านี้ใช้พื้นที่ดิสก์มาก จึงมีเพียงบางส่วนของการติดตั้งดั้งเดิม มีระบบ Android เวอร์ชันต่างๆ มากมายมากกว่าที่ปรากฏในแท็บแนะนํา หากต้องการดู โปรดไปที่แท็บรูปภาพ x86 และรูปภาพอื่นๆ

5. คลิกถัดไป

หน้าต่างอุปกรณ์เสมือน Android (AVD) จะปรากฏขึ้นเพื่อให้คุณเลือกรายละเอียดการกําหนดค่าเพิ่มเติมสําหรับอุปกรณ์

6. ป้อนชื่ออุปกรณ์เสมือน Android ในช่องชื่อ AVD ไม่ต้องเปลี่ยนแปลงข้อมูลที่เหลือ
7. คลิกเสร็จสิ้น

อุปกรณ์เสมือนเครื่องใหม่จะแสดงในหน้าต่างอุปกรณ์เสมือน และพร้อมใช้งาน

8. ปิดหน้าต่างอุปกรณ์เสมือน

เรียกใช้แอปในอุปกรณ์เสมือน

1. นํา Android Studio ไปอยู่เบื้องหน้า หากยังไม่ได้ทํา
2. ใน Android Studio ในแถบเครื่องมือ ให้หาเมนูแบบเลื่อนลงของอุปกรณ์เสมือน (จะมีลักษณะคล้ายกับตัวอย่างด้านล่าง) จากนั้นเลือกอุปกรณ์เสมือนจริงที่คุณสร้างขึ้นจากรายการแบบเลื่อนลง (หรือคลิกเรียกใช้ > เลือกอุปกรณ์.. จากนั้นเลือกอุปกรณ์เสมือนของคุณจากอุปกรณ์ที่ใช้ได้ในป๊อปอัป)
3. ใน Android Studio ให้เลือกเรียกใช้ > เรียกใช้แอป หรือคลิกไอคอนเรียกใช้ ในแถบเครื่องมือ
   อุปกรณ์เสมือนเริ่มต้นและบูตเช่นเดียวกับอุปกรณ์จริง การดําเนินการนี้อาจใช้เวลาสักครู่ ทั้งนี้ขึ้นอยู่กับความเร็วของคอมพิวเตอร์

เมื่อแอปของคุณพร้อมแล้ว แอปจะเปิดขึ้นบนอุปกรณ์เสมือนดังที่แสดงด้านล่าง

เก่งมาก อุปกรณ์เสมือนจริงของคุณพร้อมใช้งานแล้ว โปรดสังเกตว่าเนื้อหาจะมีชื่อ "Happy Birthday" และแสดง "Hello World!" บนหน้าจอ

เมื่อคุณกําหนดค่าโปรเจ็กต์ Android Studio จะสร้างโฟลเดอร์ในคอมพิวเตอร์สําหรับโปรเจ็กต์ Android ทั้งหมดที่ชื่อ AndroidStudioProjects ในโฟลเดอร์ AndroidStudioProjects Android ยังสร้างโฟลเดอร์ที่มีชื่อเดียวกับแอปของคุณด้วย (HappyBirthday ในกรณีนี้)

โฟลเดอร์ HappyBirthday คือโฟลเดอร์โปรเจ็กต์ของคุณ Android Studio จะบันทึกทั้งไฟล์ที่คุณสร้างและไฟล์ที่ Android Studio สร้างไว้ในโฟลเดอร์โปรเจ็กต์

1. ใน Android Studio ให้ดูที่หน้าต่างโปรเจ็กต์ทางด้านซ้าย หน้าต่างโปรเจ็กต์จะแสดงไฟล์และโฟลเดอร์ของโครงการ

ไฟล์ในหน้าต่างโปรเจ็กต์ได้รับการจัดระเบียบเพื่อให้การนําทางระหว่างไฟล์โปรเจ็กต์ต่างๆ ง่ายขึ้นเมื่อคุณเขียนโค้ด อย่างไรก็ตาม หากดูที่ไฟล์ในเบราว์เซอร์ไฟล์ เช่น Finder หรือ Windows Explorer ลําดับชั้นของไฟล์จะได้รับการจัดระเบียบที่แตกต่างออกไปมาก

ในงานนี้ คุณจะได้สํารวจมุมมอง 2 มุมมองที่แตกต่างกันของลําดับชั้นโฟลเดอร์โปรเจ็กต์

2. ใน Android Studio ในหน้าต่างโปรเจ็กต์ ให้เลือก Android จากเมนูแบบเลื่อนลงที่มุมซ้ายบน

คุณควรเห็นรายการไฟล์ที่คล้ายกับข้อมูลต่อไปนี้

มุมมองและการจัดระเบียบไฟล์จะมีประโยชน์ในการเขียนโค้ดสําหรับโปรเจ็กต์

นอกจากนี้คุณยังสามารถดูไฟล์ตามที่ปรากฏในเบราว์เซอร์ไฟล์ เช่น Finder (สําหรับ macOS) หรือ Explorer (สําหรับ Windows)

3. ในหน้าต่างโปรเจ็กต์ ให้เลือกไฟล์แหล่งที่มาของโปรเจ็กต์จากเมนูแบบเลื่อนลง

โปรดสังเกตว่าชื่อจะเปลี่ยนไปเป็นโฟลเดอร์ที่ใช้เก็บไฟล์โครงการ

ตอนนี้คุณสามารถเรียกดูไฟล์ได้ในลักษณะเดียวกันกับในโปรแกรมสํารวจไฟล์

4. หากต้องการเปลี่ยนกลับไปใช้มุมมองก่อนหน้า ในหน้าต่างโปรเจ็กต์ ให้เลือก Android อีกครั้ง

เยี่ยมเลย ตอนนี้คุณสามารถสร้างและเรียกใช้แอปจากเทมเพลต รวมถึงค้นหาไฟล์ต่างๆ ของโครงการได้แล้ว

• หากต้องการสร้างโปรเจ็กต์ใหม่ ให้เริ่ม Android Studio คลิก + เริ่มโปรเจ็กต์ Android Studio ใหม่ ตั้งชื่อโปรเจ็กต์ เลือกเทมเพลต และกรอกรายละเอียด
• ในการสร้างอุปกรณ์เสมือน Android (โปรแกรมจําลอง) เพื่อเรียกใช้แอป ให้เลือกเครื่องมือ > AVD Manager และใช้ตัวจัดการ AVD เพื่อเลือกอุปกรณ์ฮาร์ดแวร์และรูปภาพระบบ
• หากต้องการเรียกใช้แอปในอุปกรณ์เสมือน ให้ตรวจสอบว่าคุณได้สร้างอุปกรณ์แล้ว เลือกอุปกรณ์จากเมนูแบบเลื่อนลงของแถบเครื่องมือ จากนั้นเรียกใช้แอปโดยคลิกไอคอนเรียกใช้ บนแถบเครื่องมือ
• ค้นหาไฟล์โครงการจากหน้าต่างโครงการ แล้วเลือกไฟล์ต้นฉบับโครงการจากเมนูแบบเลื่อนลง

• พบกับ Android Studio
• ภาพรวมของโปรเจ็กต์
• สร้างโครงการ
• เพิ่มโค้ดจากเทมเพลต
• สร้างและเรียกใช้แอป
• เรียกใช้แอปในโปรแกรมจําลอง Android