Merancang UI untuk Beberapa Resolusi
Membuat UI Ruang Dunia

Membuat elemen UI sesuai dengan ukuran konten mereka

Biasanya ketika memposisikan elemen UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary
dengan Transform Rect, posisi dan ukurannya ditentukan secara manual (opsional termasuk perilaku untuk meregangkan dengan Transformasi Ret induk).

Namun, kadang-kadang Anda mungkin ingin persegi panjang untuk secara otomatis berukuran sesuai dengan konten elemen UI. Ini dapat dilakukan dengan menambahkan komponen yang disebut Content Size Fitter.

Cocok untuk ukuran Teks

Untuk membuat Transformator Rect dengan komponen Teks sesuai dengan konten teks, tambahkan komponen Fitter Ukuran Konten ke Objek Permainan yang sama yang memiliki komponen Teks. Kemudian atur dropdowns sesuai horisontal ke pengaturan yang diinginkan.

Bagaimana cara kerjanya?

Apa yang terjadi di sini adalah bahwa komponen Teks berfungsi sebagai Elemen Tata Letak yang dapat memberikan informasi tentang seberapa besar ukuran minimum dan disukai. Dalam tata letak manual informasi ini tidak digunakan. Fitter Ukuran Konten adalah jenis Pengontrol Tata Letak, yang mendengarkan informasi tata letak yang disediakan oleh Elemen Tata Letak dan mengontrol ukuran Transformator Rect sesuai dengan ini.

Ingat pivot

Ketika elemen UI secara otomatis diubah untuk menyesuaikan konten mereka, Anda harus memperhatikan ekstra pada pivot Transformator Rect. pivot akan tinggal di tempat ketika elemen diubah, sehingga dengan mengatur posisi pivot Anda dapat mengontrol arah mana elemen akan memperluas atau mengecilkan. Misalnya, jika pivot berada di pusat, maka elemen akan berkembang sama di semua arah, dan jika pivot berada di sudut kiri atas, maka elemen akan berkembang ke kanan dan turun.

Cocok untuk ukuran elemen UI dengan Teks anak

Jika Anda memiliki elemen UI, seperti Tombol, yang memiliki gambar latar belakang dan objek permainan anak dengan komponen Teks di atasnya, Anda mungkin ingin seluruh elemen UI agar sesuai dengan ukuran teks - mungkin dengan beberapa bantalan.

Untuk melakukan ini, pertama tambahkan Grup Tata Letak Horizontal ke elemen UI, kemudian tambahkan Ukuran Konten Fitter juga. Mengatur Horizontal Fit, Vertical Fit, atau keduanya ke pengaturan yang diinginkan. Anda dapat menambahkan dan mengubah padding menggunakan properti padding di Grup Tata Letak Horizontal.

Mengapa menggunakan Grup Tata Letak Horizontal? Nah, itu bisa menjadi Grup Tata Letak Vertikal juga - selama hanya ada satu anak, mereka menghasilkan hasil yang sama.

Bagaimana cara kerjanya?

Grup Tata Letak Horizontal (atau Vertikal) berfungsi baik sebagai Pengontrol Tata Letak dan sebagai Elemen Tata Letak. Pertama mendengarkan informasi tata letak yang disediakan oleh anak-anak dalam kelompok - dalam hal ini anak Teks. Kemudian menentukan seberapa besar kelompok harus (pada minimum, dan sebaiknya) untuk dapat mengandung semua anak-anak, dan berfungsi sebagai Elemen Tata Letak yang memberikan informasi ini tentang ukuran minimum dan disukai.

Ukuran Konten Fitter mendengarkan informasi tata letak yang disediakan oleh Elemen Tata Letak pada Objek Permainan yang sama - dalam kasus ini disediakan oleh Grup Tata Letak Horizontal (atau Vertikal). Tergantung pada pengaturannya, maka kendalikan ukuran Transformator Penerima berdasarkan informasi ini.

Setelah ukuran Transformator Rect telah ditetapkan, Grup Tata Letak Horizontal (atau Vertikal) memastikan untuk memposisikan dan mengukur anak-anak sesuai dengan ruang yang tersedia. Lihat halaman tentang Grup Tata Letak Horizontal untuk informasi lebih lanjut tentang bagaimana mengontrol posisi dan ukuran anak-anaknya.

Membuat anak-anak dari Grup Tata Letak sesuai dengan ukuran masing-masing

Jika Anda memiliki Grup Tata Letak (horizontal atau vertikal) dan ingin masing-masing elemen UI dalam kelompok untuk menyesuaikan konten masing-masing, apa yang Anda lakukan?

Anda tidak dapat menempatkan Fitter Ukuran Konten pada setiap anak. Alasannya adalah bahwa Fitter Ukuran Konten ingin mengendalikan Transformator Ret sendiri, tetapi Grup Tata Letak induk juga ingin mengontrol Transformator Rect anak. Ini menciptakan konflik dan hasil perilaku yang tidak ditentukan.

Namun, tidak perlu. Meme it Kelompok Tata Lelaki sudah bisa membuat setiap anak sesuai dengan ukuran konten. Apa yang perlu Anda lakukan adalah untuk menonaktifkan Angkatan Anak Memperluas toggles di Grup Tata Letak. Jika anak-anak itu sendiri Grup Tata Letak juga, Anda mungkin perlu menonaktifkan Anak Force Memperluas toggles pada mereka juga.

Setelah anak-anak tidak lagi berkembang dengan lebar yang fleksibel, keselarasan mereka dapat ditentukan dalam Grup Tata Letak menggunakan pengaturan Pengapian Anak.

Bagaimana jika Anda ingin beberapa anak untuk memperluas ruang tambahan yang tersedia, tetapi bukan anak-anak lain? Anda dapat dengan mudah mengontrol ini dengan menambahkan komponen Elemen Tata Letak ke anak-anak yang ingin Anda kembangkan dan memungkinkan Lebar Fleksibel atau sifat Tinggi Fleksibel pada Elemen Tata Letak tersebut. Kelompok Tata Lelaki masih harus memiliki Anak Force Memperluas toggles dinonaktifkan, jika tidak semua anak-anak akan memperluas flexibly.

Bagaimana cara kerjanya?

Permainan Objek dapat memiliki beberapa komponen yang masing-masing memberikan informasi tata letak tentang ukuran minimum, disukai dan fleksibel. Sistem prioritas menentukan nilai-nilai mana yang berlaku di atas orang lain. Komponen Elemen Tata Letak memiliki prioritas yang lebih tinggi daripada komponen Teks, Gambar, dan Grup Tata Letak, sehingga dapat digunakan untuk menimpa nilai informasi tata letak yang mereka berikan.

Ketika Grup Tata Letak mendengarkan informasi tata letak yang disediakan oleh anak-anak, itu akan mengambil ukuran fleksibel overridden ke akun. Kemudian, ketika mengendalikan ukuran anak-anak, itu tidak akan membuat mereka lebih besar dari ukuran pilihan mereka. Namun, jika Grup Tata Letak memiliki opsi Memperluas Angkatan Anak diaktifkan, itu akan selalu membuat ukuran fleksibel dari semua anak setidaknya 1.

More information

Halaman ini telah menjelaskan solusi untuk beberapa kasus penggunaan umum. Untuk penjelasan lebih mendalam tentang sistem tata letak otomatis, lihat halaman Email: info@ids-imaging.com.

Merancang UI untuk Beberapa Resolusi
Membuat UI Ruang Dunia