การตั้งค่า UI Canvas

อุปกรณ์มือถือมีขนาดหน้าจอและความละเอียดที่แตกต่างกันมากมาย ใน ZEPETO World ใช้ Canvas ของ Unity เพื่อแสดงองค์ประกอบ UI ดังนั้น Unity จึงมีข้อจำกัดเดียวกัน

คู่มือนี้ให้การตั้งค่าที่เป็นกลางเพื่อแสดง UI ของคุณสำหรับอุปกรณ์ให้ได้มากที่สุดเท่าที่จะเป็นไปได้

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









ตั้งค่าพื้นที่ปุ่มด้านขวาบนให้จัดเรียงอัตโนมัติซ้ายและขวาเมื่อมีการเพิ่มองค์ประกอบเป็นวัตถุย่อยผ่าน Layout Group.

สร้างวัตถุใหม่ภายใต้ SafeArea และตั้งค่าส่วนประกอบต่อไปนี้.

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



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





เพื่อที่จะตั้งค่าองค์ประกอบ UI ในพื้นที่ด้านซ้ายของหน้าจอ เพียงแค่ต้องมีการเปลี่ยนแปลงเล็กน้อยในพื้นที่ด้านขวาที่ตั้งค่าในขั้นตอนที่ 3 นี่คือการตั้งค่าที่คุณต้องเปลี่ยนแปลง.









ตั้งค่าพื้นที่ปุ่มด้านขวาบนให้จัดเรียงอัตโนมัติซ้ายและขวาเมื่อมีการเพิ่มองค์ประกอบเป็นวัตถุย่อยผ่าน Layout Group.

สร้างวัตถุใหม่ภายใต้ SafeArea และตั้งค่าชิ้นส่วนต่อไปนี้.



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



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





เพื่อที่จะตั้งค่าองค์ประกอบ UI ในพื้นที่ด้านซ้ายของหน้าจอ จำเป็นต้องมีการเปลี่ยนแปลงเพียงเล็กน้อยในพื้นที่ด้านขวาที่ตั้งไว้ในขั้นตอนที่ 3 นี่คือการตั้งค่าที่คุณต้องเปลี่ยน.