แก้ไขข้อบกพร่องเลย์เอาต์ของแอปเพื่อประสบการณ์การใช้งานที่เพิ่มประสิทธิภาพด้วยตัวตรวจสอบเลย์เอาต์

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

ขณะสร้างประสบการณ์การใช้งานแบบออร์กเมนต์ด้วยคอมโพเนนต์ Jetpack Compose Glimmer สำหรับแว่นตา AI คุณสามารถตรวจสอบและแก้ไขข้อบกพร่องของเลย์เอาต์ได้ด้วย Layout Inspector ใน Android Studio

ปิดตัวตรวจสอบเลย์เอาต์แบบฝัง

หากเรียกใช้แอปในอุปกรณ์แว่นตา AI เสมือนด้วยโปรแกรมจำลอง Android XR คุณจะต้องปิดเครื่องมือตรวจสอบเลย์เอาต์แบบฝังโดยทำดังนี้

  1. เปิดโปรเจ็กต์ใน Android Studio แล้วไปที่ Android Studio > Settings > Tools > Layout Inspector

  2. ยกเลิกการเลือกเปิดใช้เครื่องมือตรวจสอบเลย์เอาต์แบบฝัง แล้วรีสตาร์ท Android Studio

    หน้าการตั้งค่า Android Studio สำหรับเครื่องมือ Layout Inspector

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

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

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

  3. จากเมนูอุปกรณ์ที่ทำงานอยู่แบบเลื่อนลง ให้เปลี่ยนจาก AVD ของแว่นตา AI เป็น AVD ของโทรศัพท์ที่ทำหน้าที่เป็นอุปกรณ์โฮสต์

    มุมมองตัวตรวจสอบการออกแบบพร้อมเมนูแบบเลื่อนลง "อุปกรณ์ที่ทำงาน" ที่ไฮไลต์

  4. ในเลย์เอาต์การแสดงผล ให้เลื่อนผ่านเลย์เอาต์ UI สำหรับ AVD ของโทรศัพท์เพื่อ ค้นหาเลย์เอาต์ UI สำหรับแว่นตา AI คลิกองค์ประกอบที่นี่เพื่อตรวจสอบแอตทริบิวต์

    มุมมองเครื่องมือตรวจสอบเลย์เอาต์ที่แสดง UI ของแว่นตา AI ในจอแสดงผลเลย์เอาต์

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

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