Saat membuat UI dengan batas dan sudut khusus, Anda sering perlu menampilkan elemen pada rasio aspek yang berbeda dan secara visual mengelilingi teks lokal atau konten dimensi tak dikenal lainnya.Ini memungkinkan Anda untuk membuat elemen UI dengan ukuran berbeda tanpa merusak batas atau sudut.
Di bawah pendekatan 9-potong , satu gambar (aset gambar Roblox tunggal) dibagi secara internal menjadi sembilan gambar sub, masing-masing dengan aturan skala berbeda.
| Sub-gambar | Skalierung |
|---|---|
| 1379 (sudut) | tidak ada |
| 28 (ujung atas/bawah) | horizontal |
| 46 (ujung kiri/kanan) | vertikal |
| 5 (tengah) | vertikal + horizontal |
Editor studio
Konfigurasi potongan dimungkinkan dengan langsung menetapkan Enum.ScaleType dan properti potongan pada label atau tombol gambar, tetapi Editor 9-Potongan bawaan Studio lebih intuitif.
Membuka editor
Untuk membuka visual 9-Slice Editor di Studio:
- Tetapkan properti Tipe Skala menjadi Potong .
- Klik pada properti Pusat Slice yang muncul, lalu klik pada … di dalam baris.
- Di jendela yang terbuka, 4 garis merah menggantungkan gambar, mewakili ujung potongan. Ukuran gambar sumber juga ditampilkan.
Tetapkan offset
Di Studio, seret garis merah untuk menetapkan offset dari bagian kiri, kanan, atas, dan bawah gambar.
Jika Anda membutuhkan ketepatan yang lebih baik, masukkan nilai offset di bidang di sisi kanan jendela editor.
Saat Anda mengubah posisi bar penggerak, elemen UI secara otomatis diperbarui untuk menampilkan hasilnya.
Nilai offset berbeda dari nilai properti SliceCenter dari objek UI dan mewakili jumlah piksel antara ujung gambar sumber dan dragger yang terkait dengan sisi itu.