แก้ไขข้อบกพร่องเลย์เอาต์ของแอปสำหรับประสบการณ์สมจริงด้วยตัวตรวจสอบเลย์เอาต์

อุปกรณ์ XR ที่ใช้ได้
คำแนะนำนี้จะช่วยให้คุณสร้างประสบการณ์การใช้งานสำหรับอุปกรณ์ XR ประเภทต่างๆ เหล่านี้ได้
ชุดหูฟัง XR
แว่นตา XR แบบมีสาย

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

เปิดเครื่องมือตรวจสอบเลย์เอาต์

  1. เรียกใช้แอปใน Android Studio
  2. หลังจากที่การติดตั้งใช้งานแอปเสร็จสมบูรณ์แล้ว ให้เลือกเครื่องมือ > Layout Inspector จากแถบเมนู

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

    องค์ประกอบ UI เชิงพื้นที่ เช่น ออบิเตอร์และแผง จะปรากฏเป็นออบเจ็กต์แยกกัน ใต้เนื้อหาหลัก

    หน้าต่าง Android Studio ที่เปิดตัวตรวจสอบการออกแบบ

ตรวจสอบแอตทริบิวต์เลย์เอาต์

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

หน้าต่าง Android Studio ที่มี Layout Inspector เปิดอยู่และแผงแอตทริบิวต์ปรากฏอยู่
รูปที่ 1 ดูแอตทริบิวต์เลย์เอาต์ของมุมมองโดยคลิกที่มุมมอง