ทำความรู้จัก UI ของ Android Studio

หน้าต่างหลักของ Android Studio ประกอบด้วยพื้นที่เชิงตรรกะหลายส่วนดังที่แสดงใน รูปที่ 1

รูปที่ 1 หน้าต่างหลักของ Android Studio

  1. แถบเครื่องมือ: ดำเนินการต่างๆ ได้มากมาย เช่น เรียกใช้แอปและเปิดใช้เครื่องมือ Android
  2. แถบนำทาง: นำทางผ่านโปรเจ็กต์และเปิด ไฟล์เพื่อแก้ไข ซึ่งจะแสดงโครงสร้างในมุมมองที่กะทัดรัดมากขึ้นในหน้าต่างโปรเจ็กต์
  3. หน้าต่างเอดิเตอร์: สร้างและแก้ไขโค้ด โปรแกรมแก้ไขอาจเปลี่ยนแปลงได้โดยขึ้นอยู่กับ ประเภทไฟล์ปัจจุบัน ตัวอย่างเช่น เมื่อดูไฟล์เลย์เอาต์ เครื่องมือแก้ไขจะแสดงเครื่องมือแก้ไขเลย์เอาต์
  4. แถบหน้าต่างเครื่องมือ: ใช้ปุ่มที่อยู่นอกหน้าต่าง IDE เพื่อขยายหรือยุบหน้าต่างเครื่องมือแต่ละรายการ
  5. หน้าต่างเครื่องมือ: เข้าถึงงานที่เฉพาะเจาะจง เช่น การจัดการโปรเจ็กต์ การค้นหา การควบคุมเวอร์ชัน และอื่นๆ คุณขยายและยุบได้
  6. แถบสถานะ: แสดงสถานะของโปรเจ็กต์และ IDE เอง รวมถึงคำเตือนหรือข้อความต่างๆ

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

หากต้องการค้นหาในซอร์สโค้ด ฐานข้อมูล การดำเนินการ องค์ประกอบของอินเทอร์เฟซผู้ใช้ และอื่นๆ ให้ทำอย่างใดอย่างหนึ่งต่อไปนี้

  • กดปุ่ม Shift 2 ครั้ง
  • คลิกแว่นขยายที่มุมขวาบนของหน้าต่าง Android Studio

ซึ่งจะมีประโยชน์อย่างมากหากคุณพยายามค้นหาการดำเนินการ IDE ที่เฉพาะเจาะจงที่คุณลืมวิธีทริกเกอร์

หน้าต่างเครื่องมือ

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

ไปยังหน้าต่างเครื่องมือโดยใช้สิ่งต่อไปนี้

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

นอกจากนี้ คุณยังใช้แป้นพิมพ์ลัดเพื่อ เปิดหน้าต่างเครื่องมือได้ด้วย ตารางที่ 1 แสดงรายการแป้นพิมพ์ลัดสำหรับหน้าต่างเครื่องมือที่พบบ่อยที่สุด

ตารางที่ 1 แป้นพิมพ์ลัดสำหรับหน้าต่างเครื่องมือ

หน้าต่างเครื่องมือ Windows และ Linux macos
Project Alt+1 Command+1
การควบคุมเวอร์ชัน Alt+9 Command+9
เรียกใช้ Shift+F10 Control+R
แก้ไขข้อบกพร่อง Shift+F9 Control+D
Logcat Alt+6 Command+6
กลับไปที่เครื่องมือแก้ไข Esc Esc
ซ่อนหน้าต่างเครื่องมือทั้งหมด Control+Shift+F12 Command+Shift+F12

หากต้องการซ่อนแถบเครื่องมือ หน้าต่างเครื่องมือ และแท็บเอดิเตอร์ทั้งหมด ให้คลิกดู > เข้าสู่โหมดไร้สิ่งรบกวน หากต้องการออกจากโหมดไม่รบกวน ให้คลิกดู > ออกจากโหมดไม่รบกวน

ใช้การค้นหาอย่างรวดเร็วเพื่อค้นหาและกรองภายในหน้าต่างเครื่องมือส่วนใหญ่ ใน Android Studio หากต้องการใช้การค้นหาด่วน ให้เลือกหน้าต่างเครื่องมือ แล้วพิมพ์คำค้นหา

การเติมโค้ด

Android Studio มีการเติมโค้ด 3 ประเภท ซึ่งคุณเข้าถึงได้โดยใช้ แป้นพิมพ์ลัด

ตารางที่ 2 แป้นพิมพ์ลัดสำหรับการเติมโค้ดอัตโนมัติ

ประเภท คำอธิบาย Windows และ Linux macOS
การดูจนจบขั้นพื้นฐาน แสดงคำแนะนำพื้นฐานสำหรับตัวแปร ประเภท เมธอด นิพจน์ และอื่นๆ หากเรียกใช้การเติมข้อความพื้นฐาน 2 ครั้งติดต่อกัน คุณจะเห็นผลลัพธ์เพิ่มเติม ซึ่งรวมถึงสมาชิกส่วนตัวและสมาชิกแบบคงที่ที่ไม่ได้นำเข้า Control+Space Control+Space
การป้อนข้อความอัจฉริยะ แสดงตัวเลือกที่เกี่ยวข้องตามบริบท การเติมข้อความอัจฉริยะ จะทราบประเภทและโฟลว์ข้อมูลที่คาดไว้ หากเรียกใช้การเติมข้อความอัจฉริยะ 2 ครั้งติดต่อกัน คุณจะเห็นผลลัพธ์มากขึ้น รวมถึงเชน Control+Shift+Space Control+Shift+Space
การออกใบแจ้งยอดเสร็จสมบูรณ์ เติมคำสั่งปัจจุบันให้คุณโดยเพิ่มวงเล็บ วงเล็บเหลี่ยม วงเล็บปีกกา การจัดรูปแบบ และอื่นๆ ที่ขาดหายไป Control+Shift+Enter Command+Shift+Enter

หากต้องการใช้การแก้ไขด่วนและแสดงการดำเนินการตามความตั้งใจ ให้กด Alt+Enter

ค้นหาโค้ดตัวอย่าง

เบราว์เซอร์ตัวอย่างโค้ดใน Android Studio ช่วยให้คุณค้นหาตัวอย่างโค้ด Android คุณภาพสูงที่ Google จัดหาให้ตามสัญลักษณ์ที่ไฮไลต์อยู่ในโปรเจ็กต์ ดูข้อมูลเพิ่มเติมได้ที่ ค้นหาโค้ดตัวอย่าง

เคล็ดลับบางส่วนที่จะช่วยให้คุณไปยังส่วนต่างๆ ของ Android Studio ได้มีดังนี้

  • ใช้การดำเนินการไฟล์ล่าสุดเพื่อสลับระหว่างไฟล์ที่คุณเข้าถึงล่าสุด

    หากต้องการเรียกใช้การดำเนินการไฟล์ล่าสุด ให้กด Control+E (Command+E ใน macOS) โดยค่าเริ่มต้น ระบบจะเลือกไฟล์ที่เข้าถึงล่าสุด การดำเนินการนี้ยังช่วยให้คุณเข้าถึง หน้าต่างเครื่องมือใดก็ได้ผ่านคอลัมน์ด้านซ้าย

  • ใช้การดำเนินการโครงสร้างไฟล์เพื่อดูโครงสร้างของไฟล์ปัจจุบัน และไปยังส่วนใดก็ได้ของไฟล์ปัจจุบันอย่างรวดเร็ว

    หากต้องการเรียกใช้การดำเนินการโครงสร้างไฟล์ ให้กด Control+F12 (Command+F12 ใน macOS)

  • ใช้การดำเนินการไปที่ชั้นเรียนเพื่อค้นหาและไปยัง ชั้นเรียนที่เฉพาะเจาะจงในโปรเจ็กต์ ไปที่ Class รองรับนิพจน์ที่ซับซ้อน รวมถึงอูฐ (ซึ่งช่วยให้คุณค้นหาตามตัวอักษรตัวพิมพ์ใหญ่ ในชื่อที่ใช้รูปแบบ Camel Case ขององค์ประกอบ) เส้นทาง Line Navigate To (ซึ่ง ช่วยให้คุณไปยังบรรทัดที่เฉพาะเจาะจงภายในไฟล์) การจับคู่ชื่อกลาง (ซึ่งช่วยให้คุณค้นหาส่วนหนึ่งของชื่อคลาส) และอื่นๆ อีกมากมาย หากเรียกใช้ 2 ครั้งติดต่อกัน ระบบจะแสดง ผลลัพธ์จากคลาสของโปรเจ็กต์

    หากต้องการเรียกใช้การดำเนินการไปที่ชั้นเรียน ให้กด Control+N (Command+O ใน macOS)

  • ใช้การดำเนินการไปยังไฟล์เพื่อไปยังไฟล์หรือโฟลเดอร์

    หากต้องการเรียกใช้การดำเนินการไปที่ไฟล์ ให้กด Control+Shift+N (Command+Shift+O ใน macOS) หากต้องการค้นหาโฟลเดอร์แทน ไฟล์ ให้เพิ่ม "/" ที่ท้ายนิพจน์

  • ใช้การดำเนินการไปที่สัญลักษณ์เพื่อไปยังเมธอดหรือฟิลด์ตามชื่อโดยทำดังนี้

    หากต้องการเรียกใช้การดำเนินการไปที่สัญลักษณ์ ให้กด Control+Shift+Alt+N (Command+Option+O ใน macOS)

  • หากต้องการค้นหาโค้ดทั้งหมดที่อ้างอิงถึงคลาส เมธอด ฟิลด์ พารามิเตอร์ หรือคำสั่งในตำแหน่งเคอร์เซอร์ปัจจุบัน ให้กด Alt+F7 (Option+F7 ใน macOS)

รูปลักษณ์และการจัดรูปแบบ

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

หากต้องการปรับแต่งการตั้งค่ารูปแบบโค้ด ให้คลิกไฟล์ > การตั้งค่า > เอดิเตอร์ > รูปแบบโค้ด (Android Studio > ค่ากำหนด > เอดิเตอร์ > รูปแบบโค้ดใน macOS)

แม้ว่า IDE จะใช้การจัดรูปแบบโดยอัตโนมัติขณะที่คุณทำงาน แต่คุณก็เรียกใช้การดำเนินการจัดรูปแบบโค้ดอย่างชัดเจนได้เช่นกัน หากต้องการเรียกใช้การดำเนินการ ให้กด Control+Alt+L (Opt+Command+L ใน macOS) หากต้องการ เยื้องอัตโนมัติทุกบรรทัด ให้กด Control+Alt+I (Control+Option+I ใน macOS)

รูปที่ 2 โค้ดก่อนจัดรูปแบบ

รูปที่ 3 โค้ดหลังการจัดรูปแบบ