Selain ukuran dasar dari objek UI, Anda dapat menggunakan modifikasi ukuran untuk skala objek secara proporsional atau secara otomatis mengubahnya.Anda juga dapat menyisipkan batas ukuran untuk mengontrol rasio aspek , atau atur batas minimum dan maksimum ukuran atau ukuran teks .
Skalanya
Sebuah objek UIScale menyimpan nilai numerik yang menggandakan properti AbsoluteSize dari orang tua GuiObject.Sebagai contoh, jika Anda ingin objek menjadi dua kali lebih besar seperti saat ini, Anda dapat menyisipkan objek UIScale dengan properti Scale dari 2.
Pengubah ini berguna untuk "memperbesar" saat merancang antarmuka pengguna terperinci di Studio, karena secara proporsional membesarkan objek dan semua anaknya, termasuk setiap modifikasi penampilan yang diterapkan seperti UIStroke atau UICorner.Juga berguna untuk memperbesar ukuran objek, misalnya untuk sedikit meningkatkan ukuran tombol saat pemain menggerakkan mouse mereka di atasnya.
Pengukuran otomatis
Properti AutomaticSize memperkecil secara otomatis orang tua GuiObject ke ukuran keturunannya.Anda dapat menggunakan properti ini dalam berbagai kasus, termasuk:
- Memperluas GuiObject untuk menyesuaikan teks yang telah dilokalkan di banyak bahasa.
- Mengizinkan pengguna untuk memasukkan teks dalam TextBox , secara otomatis menyesuaikan ukurannya berdasarkan jumlah teks yang dimasukkan.
- Secara otomatis menyesuaikan ukuran objek teks menggunakan penandaan teks kaya, termasuk jenis dan ukuran font.
Anda dapat mengaktifkan properti AutomaticSize untuk setiap GuiObject .Secara default, diatur ke None , tetapi Anda dapat mengubah nilainya untuk memiliki kontrol khusus atas arah mana GuiObject diubah untuk sesuai dengan kontennya.
ScrollingFrame menggunakan properti AutomaticCanvasSize alih-alih AutomaticSize.Ia berperilaku sama tetapi mengubah ukuran frame CanvasSize , bukan basisnya Size .
Untuk mengaktifkan penyesuaian otomatis:
Di jendela Explorer, klik apa pun GuiObject , seperti Frame , TextBox , atau ImageLabel .
Di jendela Properti, navigasikan ke properti AutomaticSize ( AutomaticCanvasSize untuk ScrollingFrame ) dan atur ke salah satu opsi berikut:
- X — Mengubah ukuran konten secara horizontal.
- Y — Mengubah konten secara vertikal.
- XY — Mengubah ukuran konten secara horizontal dan vertikal.
Setelah ukuran otomatis atur, perhatikan bahwa properti objek lain berperilaku sebagai berikut:
Mirip dengan konsep ukuran suatu objek, AutomaticSize mengambil properti AnchorPoint saat mengubah ukuran konten.Sebagai contoh, video berikut menampilkan tiga TextLabels yang secara otomatis diubah dari titik anker mereka.
- Label teratas memiliki nilai Class.GuiObject.AnchorPoint|AnchorPoint``Datatype.Vector2.new()|(0, 0.5) yang mengaitkannya ke tengah sisi kiri.
- Label tengah memiliki nilai AnchorPoint dari (0.5, 0.5) yang mengaitkannya ke pusat.
- Label bawah memiliki nilai Class.GuiObject.AnchorPoint|AnchorPoint``Datatype.Vector2.new()|(1, 0.5) yang mengaitkannya ke tengah sisi kanan.
Kontraksi
Ada tiga jenis batasan yang dapat Anda gunakan untuk objek antarmuka pengguna: ukuran , ukuran teks , dan rasio aspek .Untuk menggunakan keterbatasan, Anda harus mengaturinya sebagai anak dari yang ingin Anda batasi.
Ukuran
The UISizeConstraint spesifikasi ukuran minimum dan maksimum untuk GuiObject .Kontraksi ini memastikan bahwa GuiObject tidak menjadi terlalu kecil atau besar pada ukuran layar yang berbeda.
Sebagai contoh, jika Anda mengatur properti MinSize ke (200, 200) dan properti MaxSize ke (400, 400) , GuiObject tidak dapat diukur lebih kecil dari 200×200 piksel atau lebih besar dari 400×400 piksel.
Ketika objek UI berada di bawah kendali kedua struktur tata letak seperti UIListLayout dan UISizeConstraint, batasan akan menggantikan tata letak dan mengontrol ukuran objek.
Ukuran teks
The UITextSizeConstraint menentukan ukuran font minimum dan maksimum untuk sebuah GuiObject dengan teks, seperti TextLabel , TextButton , atau TextBox .Kontraksi ini memastikan bahwa teks dalam tidak menjadi tidak terbaca atau terlalu besar.
Jika Anda mengaktifkan properti TextScaled dari orang tua GuiObject, ukuran teks akan menyesuaikan dengan ukuran wadah dan mematuhi batasan bahkan jika objek menjadi lebih kecil atau lebih besar dari nilai MinTextSize dan MaxTextSize.
Sebagai contoh, objek berikut TextLabel memiliki nilai UITextSizeConstraint dengan nilai MinTextSize``50 dan nilai MaxTextSize dari 80 .Bahkan ketika TextLabel menjadi lebih kecil, font tidak pernah menjadi lebih kecil dari 50 piksel, dan ketika objek menjadi besar, font berikutnya melebihi 80 piksel.
Jangan gunakan nilai properti MinTextSize yang lebih rendah dari 9 atau teks akan sulit dibaca untuk banyak pemirsa.
Rasio aspek
The memaksakan rasio lebar ke tinggi pada aspek pada terlepas dari ukuran inti, bahkan jika ukuran itu ditetapkan sebagai persentase dari orang tuanya.Sebagai contoh, menyisipkan batasan ini sebagai anak dari Frame dan mengatur properti batasan AspectRatio ke 2 ( 2:1 ) untuk menjaga lebar frame dua kali lebih besar dari ketinggiannya.Demikian pula, mengatur properti batasan ini AspectRatio ke 0.5 ( 0.5:1 ) menjaga lebar frame setengah dari ketinggiannya.
Mengatur batasan ini AspectRatio ke default dari 1 ( 1:1 ) adalah cara yang nyaman untuk mencegah skala tidak proporsional/peregangan dari ImageLabel dengan aset gambar kotak, seperti thumbnail avatar .
Ketika objek UI berada di bawah kendali kedua struktur tata letak seperti UIListLayout dan UIAspectRatioConstraint, batasan akan menggantikan tata letak dan mengontrol ukuran objek.