Mengatur Kanvas UI

perangkat mobile hadir dalam berbagai ukuran dan resolusi layar di zepeto world, canvas unity digunakan untuk mengekspresikan elemen ui, jadi unity memiliki batasan yang sama panduan berikut memberikan pengaturan netral untuk menyajikan ui anda untuk sebanyak mungkin perangkat oleh karena itu, meskipun tidak mungkin untuk mengekspresikan ui yang pas persis di semua perangkat mobile, kami bertujuan untuk menempatkan elemen ui di posisi yang serupa di sebagian besar perangkat pengaturan canvas dalam mode layar vertikal 1\ pengaturan canvas untuk mode layar potret diatur seperti di bawah ini mode skala ui skala dengan ukuran layar resolusi referensi x 750 y 1334 mode pencocokan layar pencocokan lebar atau tinggi pencocokan lebar 2\ pengaturan safearea buat objek bernama safearea sebagai anak dari objek canvas di panel inspector, klik tombol tambah komponen untuk menambahkan komponen zepeto screen safe area 👍 tips komponen zepeto screen safe area memindahkan ui yang tertutup oleh area notch dan home bar dari terminal tertentu ke dalam layar pada layar ios objek ui yang dipengaruhi oleh zepeto screen safe area dapat dimasukkan sebagai sub objek 3\ atur area tombol kanan atas atur area tombol di kanan atas untuk secara otomatis menyelaraskan kiri dan kanan setiap kali elemen ditambahkan sebagai sub objek melalui layout group buat objek baru di bawah safearea dan atur komponen berikut transform rect posx 22, posy 22 grup tata letak horizontal jarak 20 penyelarasan anak kiri atas filter ukuran konten kesesuaian horizontal ukuran yang diinginkan 4\ pengaturan tombol buat objek tombol sebagai anak dari area tombol tombol secara otomatis diselaraskan dan menerapkan pengaturan berikut lebar 62 tinggi 62 5\ periksa di perangkat sekarang, jika anda membangun dunia dan memeriksanya di perangkat seluler anda, anda akan melihat tombol yang terletak di sudut kanan atas seperti yang ditunjukkan pada gambar berikut ❗️ peringatan karena tombol rumah kiri dan tombol obrolan adalah tombol yang ditampilkan di lingkungan asli aplikasi zepeto, lokasi dan ukuran yang tepat tidak dapat dicocokkan melalui canvas 6\ mengatur ui kiri atas untuk mengatur elemen ui di area kiri layar, hanya diperlukan beberapa perubahan di area kanan yang diatur di langkah 3 berikut adalah pengaturan yang perlu anda ubah recttransform posx 22, posy 22 horizontal layout group spacing 20 child alignment atas kiri pengaturan kanvas dalam mode layar horizontal 1\ pengaturan kanvas untuk mode lanskap diatur seperti di bawah ini mode skala ui skala dengan ukuran layar resolusi referensi x 750, y 1334 mode pencocokan layar pencocokan lebar atau tinggi pencocokan lebar 2\ pengaturan safearea buat objek bernama safearea sebagai anak dari objek kanvas di panel inspector, klik tombol tambah komponen untuk menambahkan komponen zepeto screen safe area 👍 tips komponen zepeto screen safe area memindahkan ui yang tertutup oleh area notch dan home bar dari terminal tertentu ke dalam layar pada layar ios objek ui yang dipengaruhi oleh zepeto screen safe area dapat dimasukkan sebagai sub objek 3\ atur area tombol kanan atas atur area tombol di kanan atas untuk secara otomatis menyelaraskan kiri dan kanan setiap kali elemen ditambahkan sebagai sub objek melalui layout group buat objek baru di bawah safearea dan atur komponen berikut rect transform posx 22, posy 22 horizontal layout group spacing 20 child alignment upper left content size filter horizontal fit preferred size 4\ pengaturan tombol buat objek tombol sebagai anak dari area tombol tombol secara otomatis disejajarkan dan menerapkan pengaturan berikut lebar 62 tinggi 62 5\ periksa di perangkat sekarang, jika anda membangun dunia dan memeriksanya di perangkat seluler anda, anda akan melihat tombol yang terletak di sudut kanan atas seperti yang ditunjukkan pada gambar berikut ❗️ peringatan karena tombol rumah kiri dan tombol obrolan adalah tombol yang ditampilkan di lingkungan asli aplikasi zepeto, lokasi dan ukuran yang tepat tidak dapat dicocokkan melalui canvas 6\ mengatur ui kiri atas untuk mengatur elemen ui di area kiri layar, hanya beberapa perubahan di area kanan yang diatur di langkah 3 yang diperlukan berikut adalah pengaturan yang perlu anda ubah recttransform posx 22, posy 22 horizontal layout group spacing 20 child alignment atas kiri