Android Studio การสร้างโปรเจ็ค

หลังจากติดตั้งโปรแกรม Android Studio แล้วเมื่อเปิดโปรแกรมขึ้นมาจะพบหน้าแรกดังภาพ…

01-mystou-com-java-android-create-project

คลิกที่ Start a new Android Studio project เพื่อสร้างโปรเจ็กต์ใหม่ จะพบกับหน้าต่อไป

02-mystou-com-java-android-create-project

ตั้งชื่อ Application name : ตามต้องการ เช่น TestApp
กำหนด Company Domain : ตามต้องการ เช่น mystou.com
ในส่วนของ Package name : สามารถแก้ไขได้ โดยคลิกที่ Edit
Project location : เป็นที่ที่เราใช้เก็บโปรเจ็กต์ เลือกได้ตามต้องการค่ะ

เสร็จแล้วคลิกที่ปุ่ม Next จะพบกับหน้าต่อไป

03-mystou-com-java-android-create-project

หน้านี้เป็นการตั้งค่า Minimum SDK ว่า app ที่เราสร้างจะรองรับ API Level เริ่มต้นที่เท่าไหร่ สามารถกดที่ Help me choose เพื่อใช้ในการตัดสินใจได้ค่ะ (การเปลี่ยน Minimum SDK)

(ข้อมูลตรงนี้ตอนที่ผู้ใช้จะมาดาวน์โหลด app เราไปติดตั้ง ระบบจะตรวจสอบว่าเครื่องของผู้ใช้สามารถติดตั้ง app ของเราได้หรือไม่)

04-mystou-com-java-android-create-project

เสร็จแล้วปิดหน้าตามภาพด้านบนที่ปุ่ม OK

05-mystou-com-java-android-create-project

เราเลือก Minimum SDK เป็น API 22: Android 5.1.1 นะคะ (เหตุผลคือ API ต่ำกว่านี้ยังไม่ได้ดาวน์โหลดมาค่ะ เดี๋ยวจะรันไม่ได้ การดาวน์โหลดใช้เวลานานมาก ไม่ต้องกังวลค่ะข้อมูลตรงนี้เปลี่ยนทีหลังได้)
แล้วคลิกปุ่ม Next จะพบกับหน้า Add an activity to Mobile

06-mystou-com-java-android-create-project

เลือก Blank Activity หมายถึง Activity ปล่าว ๆ แล้วคลิกที่ปุ่ม Next
จะพบกับหน้า Choose options for your new file

07-mystou-com-java-android-create-project

ไม่ต้องเปลี่ยนแปลงอะไรนะคะ เราจะได้ข้อมูลตามนี้คือ

Activity Name: MainActivity
Layout Name: activity_main
Title: MainActivity
Menu Resource Name: menu_main

คลิกที่ปุ่ม Finish แล้วมาแล้วมาลองรัน app ดูก่อนค่ะค่อยมาดูรายละเอียดทีหลัง

เมื่อเข้าสู่หน้าแรก มองไปที่รายการเมนูด้านบน แล้วคลิกที่รูปภาพเมนู AVD Manage

08-mystou-com-java-android-create-project

จะปรากฏหน้าจอให้เราสร้างเครื่องจำลองที่ใช้ในการรัน Application ค่ะ (Virtual Devices)

09-mystou-com-java-android-create-project

คลิกที่ปุ่ม Create Virtual Device… จะปรากฎหน้าจอดังนี้
ทำการเลือก Hardware ตามต้องการค่ะ

10-mystou-com-java-android-create-project

ตอนนี้เรากำลังจะทดสอบ app กับโทรศัพท์มือถือ (Phone) ก็เลือกที่ Phone และเลือกรุ่น ของเราเลือกเป็น Nexus S เพราะดูจากหน้าจอแล้ว 4.0 นิ้ว พอดีว่าจอเรามันเล็กค่ะเลยเลือกรุ่นนี้
เสร็จแล้วคลิกที่ปุ่ม Next

11-mystou-com-java-android-create-project

เลือกข้อมูลตามภาพนะคะ ส่วนที่ขึ้นว่า Download หากเราต้องการทดสอบกับ API Level ที่ยังไม่ได้ดาวน์โหลดมาก็สามารถคลิก Download ได้ค่ะ แต่เอาไว้โหลดตอนที่เราไม่ทำอะไรดีกว่า โหลดทิ้งไว้ เพราะมันจะใช้เวลานานมาก…

เสร็จแล้วคลิกปุ่ม Next

12-mystou-com-java-android-create-project

ตั้งชื่อ AVD Name ตามต้องการ แล้วคลิกที่ปุ่ม Finish
เมื่อโปรแกรมสร้าง AVD เสร็จแล้ว เราก็สามารถ Start AVD ได้โดยการคลิกที่ปุ่มสามเหลี่ยมสีเขียว

13-mystou-com-java-android-create-project

รอจนกว่าหน้าจอของเราจะพร้อมทำงาน

14-mystou-com-java-android-create-project

15-mystou-com-java-android-create-project

16-mystou-com-java-android-create-project

เครื่องมือพร้องแล้วววว.. เลื่อนตรงรูปแม่กุญแจขึ้นด้านบนเพื่อปลดล๊อกโทรศัพท์ค่ะ

17-mystou-com-java-android-create-project

กดที่ปุ่ม OK

กลับไปที่ Android Studio เพื่อทำการรัน app ค่ะ

18-mystou-com-java-android-create-project

คลิกที่เมนู Run app แล้วรอดูผลลัพธ์ที่ AVD จะได้ผลลัพธดังนี้

19-mystou-com-java-android-create-project

ถึงจะยังไม่รู้เรื่อง ทำได้แบบนี้ก็ OK แล้วค่ะ ^_^ เรามาแก้ไขการแสดงผลนิดหน่อย กลับไปที่ Android Studio ค่ะ

20-mystou-com-java-android-create-project

คลิกที่แทบ Text จะปรากฏโค้ดทั้งหมดดังนี้

21-mystou-com-java-android-create-project

เป็นไฟล์นามสกุล .xml นะคะ ลองเพิ่มโค้ดลงไป 1 บรรทัดดังนี้

android:background="#ffff2455"

หมายถึงการกำหนดสีพื้นหลังให้กับตัวอักษรค่ะ รหัส #ffff2455 คือสีแดง จะได้ดังนี้

22-mystou-com-java-android-create-project

ทำการบันทึก (save) แล้วรันดูผลลัพธ์อีกครั้งค่ะ

23-mystou-com-java-android-create-project

จะได้ผลลัพธ์ดังนี้

24-mystou-com-java-android-create-project

สามารถดาวน์โหลดโค้ดทั้งหมดได้ที่ Github

เป็นไงบ้างคะ ? หากเป็นการรัน (Run) ครั้งแรกอาจจะทุกลักลุเลหน่อย แต่ทำบ่อย ๆ เดี๋ยวก็ชินไปเองค่ะ ถ้าเจอปัญหาก็อย่าท้อนะคะ ความพยายามเท่านั้นที่จะทำให้เราประสบความสำเร็จได้ ไม่ว่าเราจะทำอะไร อยู่ที่ไหนก็ต้องพบเจอกับปัญหาทั้งนั้น บอกกับตัวเองว่า “เราจะผ่านมันไปให้ได้” ในเรื่องของการเขียนโปรแกรมก็เช่นกัน เมื่อผ่านมันไปได้แล้วเราจะรู้สึกภูมิใจในตัวเองค่ะ ขอเพียงแค่มีใจรักในสิ่งที่ทำ และฝ่าพันทุกปัญหาที่พบเจอ ความฝันของเราก็อยู่ใกล้แค่เอื้อม นี้เพียงบทเริ่มต้น สู้ต่อไปนะคะ ^_^

ธมนวรรณ มณีจันทร์

ธมนวรรณ มณีจันทร์

|:- เราเชื่อมั่นว่าการเสียสละและการแบ่งปันจะทำให้โลกใบนี้สวยงามมากขึ้น ทุกๆ จุดเริ่มต้นของการเรียนรู้ นำไปสู่การเรียนรู้ถัดไป เว็บไซต์แห่งนี้ขอเป็นส่วนหนึ่งของการแบ่งปันความรู้ที่ไม่มีที่สิ้นสุด มาร่วมกันผลักดันโลกของเราให้หมุนไปพร้อมกับพลังแห่งความรักด้วยกันนะคะ :) >>> |:- About Me! -:|