วิธีสร้างแอพ Android ด้วย Android Studio: 8 ขั้นตอน (พร้อมรูปภาพ)

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:04

บทแนะนำนี้จะสอนคุณเกี่ยวกับพื้นฐานในการสร้างแอป Android โดยใช้สภาพแวดล้อมการพัฒนา Android Studio เนื่องจากอุปกรณ์ Android มีมากขึ้นเรื่อยๆ ความต้องการแอปใหม่ก็จะเพิ่มขึ้นเท่านั้น Android Studio เป็นสภาพแวดล้อมการพัฒนาที่ใช้งานง่าย (และฟรี) เพื่อเรียนรู้ จะเป็นการดีที่สุดหากมีความรู้เกี่ยวกับภาษาการเขียนโปรแกรม Java สำหรับบทช่วยสอนนี้ เนื่องจากเป็นภาษาที่ใช้โดย Android จะไม่มีการใช้โค้ดมากนักในบทช่วยสอนนี้ ดังนั้นฉันจะถือว่าคุณรู้จัก Java มากพอที่จะเข้าใจหรือเต็มใจที่จะค้นหาสิ่งที่คุณไม่รู้ การดำเนินการนี้จะใช้เวลาประมาณ 30-60 นาที ขึ้นอยู่กับความเร็วในการดาวน์โหลดและติดตั้ง Android Studio หลังจากใช้บทช่วยสอนนี้เพื่อสร้างแอป Android เครื่องแรกของคุณ คุณจะสามารถไปสู่งานอดิเรกใหม่ ๆ ที่สนุกสนาน หรือแม้แต่อาชีพที่มีแนวโน้มดีในการพัฒนาอุปกรณ์เคลื่อนที่

ขั้นตอนที่ 1: ติดตั้ง Android Studio

1. ไปที่ https://developer.android.com/sdk/index.html เพื่อดาวน์โหลด Android Studio
2. ใช้ตัวติดตั้งเพื่อติดตั้ง Android Studio โดยทำตามคำแนะนำ

ขั้นตอนที่ 2: เปิดโครงการใหม่

1. เปิด Android Studio
2. ใต้เมนู "เริ่มอย่างรวดเร็ว" เลือก "เริ่มโครงการ Android Studio ใหม่"
3. ในหน้าต่าง "สร้างโครงการใหม่" ที่เปิดขึ้น ให้ตั้งชื่อโครงการของคุณว่า "HelloWorld"
4. หากคุณเลือก ให้ตั้งชื่อบริษัทตามต้องการ*
5. สังเกตว่าตำแหน่งไฟล์โครงการอยู่ที่ไหนและเปลี่ยนหากต้องการ
6. คลิก "ถัดไป"
7. ตรวจสอบให้แน่ใจว่า "โทรศัพท์และแท็บเล็ต" เป็นช่องเดียวที่ทำเครื่องหมายไว้
8. หากคุณกำลังวางแผนที่จะทดสอบแอปบนโทรศัพท์ของคุณ ตรวจสอบให้แน่ใจว่า SDK ขั้นต่ำนั้นต่ำกว่าระดับระบบปฏิบัติการของโทรศัพท์ของคุณ
9. คลิก "ถัดไป"
10. เลือก "กิจกรรมที่ว่างเปล่า"
11. คลิก "ถัดไป"
12. ปล่อยให้ฟิลด์ชื่อกิจกรรมทั้งหมดเหมือนเดิม
13. คลิก "เสร็จสิ้น"

*หมายเหตุ: เป็นเรื่องปกติในการตั้งชื่อโปรเจ็กต์ Android ในการตั้งชื่อบริษัทเป็นรูปแบบของ "example.name.here.com"

ขั้นตอนที่ 3: แก้ไขข้อความต้อนรับในกิจกรรมหลัก

1. ไปที่แท็บ activity_main.xml หากยังไม่ได้เปิด
2. ตรวจสอบให้แน่ใจว่าแท็บ ออกแบบ เปิดอยู่บนจอแสดงผล activity_main.xml
3. คลิกและลาก "สวัสดีชาวโลก!" จากมุมบนซ้ายของหน้าจอโทรศัพท์ไปยังกึ่งกลางของหน้าจอ
4. ในระบบไฟล์โครงการทางด้านซ้ายของหน้าต่าง ให้เปิดโฟลเดอร์ค่า
5. ในโฟลเดอร์ค่า ดับเบิลคลิกที่ไฟล์ strings.xml
6. ในไฟล์นี้ ให้ค้นหาบรรทัด "Hello world!"
7. หลังจาก "สวัสดีชาวโลก!" ข้อความ เพิ่ม "ยินดีต้อนรับสู่แอปของฉัน!"
8. กลับไปที่แท็บ activity_main.xml
9. ตรวจสอบให้แน่ใจว่าข้อความที่อยู่ตรงกลางของคุณตอนนี้อ่านว่า "สวัสดีชาวโลก! ยินดีต้อนรับสู่แอปของฉัน!"

ขั้นตอนที่ 4: เพิ่มปุ่มในกิจกรรมหลัก

1. ไปที่แท็บ Design ของจอแสดงผล activity_main.xml
2. ในเมนูจานสีทางด้านซ้ายของหน้าจอโทรศัพท์ ให้ค้นหาปุ่ม (ใต้หัวข้อวิดเจ็ต)
3. คลิกแล้วลาก ปุ่ม ให้อยู่กึ่งกลางใต้ข้อความต้อนรับของคุณ
4. ตรวจสอบให้แน่ใจว่าปุ่มของคุณยังคงถูกเลือกไว้
5. ในเมนูคุณสมบัติ (ทางด้านขวาของหน้าต่าง) ให้เลื่อนลงเพื่อค้นหาช่องสำหรับ "ข้อความ"
6. เปลี่ยนข้อความจาก "ปุ่มใหม่" เป็น "หน้าถัดไป"

ขั้นตอนที่ 5: สร้างกิจกรรมที่สอง

1. ที่ด้านบนสุดของแผนผังระบบไฟล์ของโปรเจ็กต์ ให้คลิกขวาที่ "แอป"
2. นำทางไปยังใหม่ > กิจกรรม > กิจกรรมว่าง
3. เปลี่ยนชื่อกิจกรรมนี้เป็น "SecondActivity"
4. คลิก "เสร็จสิ้น"
5. ตรวจสอบให้แน่ใจว่าคุณอยู่ในมุมมองออกแบบของ activity_second.xml
6. ลากกล่องข้อความที่ด้านซ้ายบนของหน้าจอโทรศัพท์ลงมาตรงกลางเช่นเดียวกับที่คุณทำในกิจกรรมหลัก
7. ขณะที่กล่องข้อความยังคงเลือกอยู่ ให้ค้นหาฟิลด์ "id" ในเมนูคุณสมบัติทางด้านขวา และตั้งค่าเป็น "text2"
8. เปิด strings.xml อีกครั้ง
9. เพิ่มบรรทัดใหม่ภายใต้ "สวัสดีชาวโลก! ยินดีต้อนรับสู่แอปของฉัน!" ที่เขียนว่า "ยินดีต้อนรับสู่หน้าที่สอง!"
10. กลับไปที่ activity_second.xml
11. เลือกกล่องข้อความอีกครั้ง
12. ในบานหน้าต่างคุณสมบัติ ตั้งค่าฟิลด์ "ข้อความ" เป็น "@string/second_page"
13. ตรวจสอบให้แน่ใจว่ากล่องข้อความตอนนี้อ่านว่า "ยินดีต้อนรับสู่หน้าที่สอง!" และอยู่ตรงกลางหน้าจอในหน้าจอโทรศัพท์

ขั้นตอนที่ 6: เขียนวิธีการ "onClick" ของปุ่ม

เลือกแท็บ MainActivity.java ที่ด้านบนของสภาพแวดล้อมการทำงาน

2. เพิ่มบรรทัดของรหัสต่อไปนี้ที่ส่วนท้ายของวิธีการ onCreate:

ปุ่มปุ่ม = (ปุ่ม) findViewById (R.id.button);

button.setOnClickListener (ใหม่ View.onClickListener () {

โมฆะสาธารณะ onClick (ดู v) {

goToSecondActivity();

}

});

3. เพิ่มเมธอดต่อไปนี้ที่ด้านล่างของคลาส MainActivity:

โมฆะส่วนตัว goToSecondActivity () {

เจตนาเจตนา = เจตนาใหม่ (นี่ SecondActivity.class);

startActivity(เจตนา);

}

4. คลิก + ถัดจากการนำเข้าที่บรรทัดที่สามของ MainActivity.java เพื่อขยายคำสั่งการนำเข้า

5. เพิ่มข้อมูลต่อไปนี้ต่อท้ายคำสั่งนำเข้า หากยังไม่มี:

นำเข้า android.content. Intent;

นำเข้า android.view. View;

นำเข้า android.widget. TextView;

ขั้นตอนที่ 7: ทดสอบแอปพลิเคชัน

1. คลิกสัญลักษณ์เล่นสีเขียวจากแถบเครื่องมือที่ด้านบนของหน้าต่าง Android Studio
2. เมื่อกล่องโต้ตอบ "เลือกอุปกรณ์" ปรากฏขึ้น (อาจใช้เวลาสักครู่) ให้เลือกตัวเลือก "Lauch emulator"
3. คลิกตกลง
4. เมื่อโปรแกรมจำลองเปิดขึ้น (อาจใช้เวลาสักครู่) แอปจะเปิดแอปโดยอัตโนมัติเมื่อปลดล็อกโทรศัพท์เสมือน
5. ตรวจสอบให้แน่ใจว่าข้อความทั้งหมดของคุณแสดงอย่างถูกต้อง และปุ่มดังกล่าวจะนำคุณไปยังหน้าถัดไป

ขั้นตอนที่ 8: ขึ้น ขึ้น และออกไป

ยินดีด้วย! คุณได้เสร็จสิ้นแอปพลิเคชัน Android แรกของคุณพร้อมฟังก์ชันพื้นฐานบางอย่างแล้ว แอปที่เสร็จแล้วควรมีหน้าทักทายผู้ใช้และปุ่มที่นำผู้ใช้ไปยังหน้าที่สอง

จากที่นี่ คุณจะมีความรู้คร่าวๆ ที่จำเป็นต่อการเรียนรู้ทั้งหมดเกี่ยวกับการพัฒนาแอปพลิเคชัน Android