Android Studio โครงสร้างของโปรเจ็กต์

หลังจากได้เรียนรูปการสร้างโปรเจ็กต์กันไปแล้ว คราวนี้เรามาดูโครงสร้างของโปรเจ็กต์กันค่ะ…

ยังจำขั้นตอนการ “Choose options for your new file” ได้มั้ยคะ

01-mystou-com-java-android-structure-project

จากภาพจะเห็นว่า MainActivity คือชื่อของ Activity ซึ่งเป็นไฟล์ภาษา Java
ส่วน activity_main คือชื่อของไฟล์ที่ทำหน้าที่แสดงผล เป็นไฟล์ภาษา XML

ในการสร้าง Activity 1 ครั้ง เราจะได้ไฟล์มา 1 คู่ คือ
1. ไฟล์ java ใช้ในการเขียนโค้ดควบคุมการแสดงผล
2. ไฟล์ xml ใช้ในการแสดงผล อย่างที่เราได้กำหนดสีพื้นหลังอักษรไปแล้ว

ไฟล์คู่นี้เชื่อมต่อกันได้อย่างไร ? ลองดับเบิลคลิกเปิดไฟล์ MainActivity ขึ้นมาค่ะ

02-mystou-com-java-android-structure-project

เราสามารถเขียนคำสั่งต่าง ๆ เพื่อควบคุมการแสดงผลของไฟล์ xml ได้จากไฟล์ java
แต่จะต้องมีการกำหนด id ให้กับแท็กที่เราต้องการจะควบคุม
แล้วดึงค่ามากำหนดให้กับตัวแปรใน java
จากนั้นเราก็จะสามารถสั่งให้ไฟล์ xml ทำงานตามคำสั่งของเราได้

มาลองทำกันเลยดีกว่าค่ะ
เริ่มจากไฟล์ xml นะคะ ทำการเคาะเว้นวรรคให้อ่านโค้ดง่าย ๆ แบบนี้ก่อนค่ะ

03-mystou-com-java-android-structure-project

หลังจากนั้น เขียนโค้ดกำหนด id ลงไป โดยขั้นตอนคือ พิมพ์คำว่า id ลงไปจะปรากฏรายการดังภาพ

04-mystou-com-java-android-structure-project

จะเห็นว่าเคอร์เซอร์ (cursor) อยู่ตรง id พอดี ให้กดปุ่ม Enter เลยค่ะ
แล้วจะปรากฏดังภาพ

05-mystou-com-java-android-structure-project

กด Enter อีกครั้งค่ะ และโปรแกรมจะพิมพ์โค้ดให้เรา

06-mystou-com-java-android-structure-project

ตอนนี้ก็เป็นหน้าที่ของเราแล้วค่ะที่ต้องตั้งชื่อ id ให้กับเท็กของเรา
จากภาพมองไปบรรทัดแรกจะเห็นว่ามันคือแท็กของ TextView
เราก็ตั้งชื่อให้สอดคล้องกับแท็กนะคะ จะได้ไม่งงเองทีหลัง
ตั้งชื่อเสร็จจะได้ดังนี้

07-mystou-com-java-android-structure-project

คราวนี้เราจะไปบอกให้ java รู้ค่ะว่าเราจะทำการควบคุม id ชื่อ tv_text
เปิดไฟล์ java ขึ้นมา แล้วเขียนโค้ด (code) ลงไปในเมธอด onCreate() ตามนี้ค่ะ

08-mystou-com-java-android-structure-project

แค่นี้เราก็สามารถเชื่อมต่อ java กับ xml ได้แล้วค่ะ
คราวนี้เรามาสั่งให้ xml ทำงานตามที่ java สั่งกันนะคะ

ตอนแรก xml แสดงผลแบบนี้

09-mystou-com-java-android-structure-project

เราจะสั่งให้มีการเปลี่ยนแปลง 2 อย่างคือ
1. เปลี่ยนคำว่า Hello world เป็นคำว่า “สวัสดี
2. เปลียนพื้นหลังเป็นสีเขียว

โดยเขียนคำสั่งต่อที่เมธอด onCreate() ดังนี้

10-mystou-com-java-android-structure-project

เสร็จแล้วลองรันดูผลลัพธ์นะคะ
จะได้ผลลัพธ์ดังนี้

11-mystou-com-java-android-structure-project

ในเบื้องต้นเรารู้โครงสร้างของโปรเจ็คแค่นี้ก็พอแล้วค่ะ
อย่างอื่นเราสามารถเรียนรู้ไปพร้อม ๆ กับการเขียนโค้ดได้
เช่น ถ้าอยากเปลี่ยนชื่อ app เราจะทำอย่างไร ? มันอยู่ไฟล์ไหน ?
ถ้าอยากจะเอารูปมาใช้ต้องเอาไปเก็บที่ไหน ?
ถ้าอยากเปลี่ยน Minimum SDK ล่ะ เราจะทำอย่างไร ?
เรื่องเหล่านี้ และเรื่องอื่น ๆ เราจะได้เรียนรู้ในหัวข้อต่อ ๆ ไปค่ะ
สรุปตอนนี้รู้แค่ 2 ตำแหน่งดังนี้

12-mystou-com-java-android-structure-project

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

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

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