Objek 9 Iris | hyperPad Documentation

Loading...

Logo
DocumentationMemulaiObjek 9 Iris
Memulai

Objek 9 Iris

Last updated August 1, 2016

Objek 9 Slice (kadang-kadang disebut 9 Patch) adalah objek dengan margin yang ditentukan pengguna yang membagi gambar menjadi 9 bagian dan mengubah cara objek tersebut diskala.

Objek 9 Slice sering digunakan saat membuat antarmuka pengguna, atau elemen proyek lainnya yang perlu mempertahankan penampilan tertentu saat diskala.

Biasanya 3 hal terjadi saat Anda mengubah ukuran objek 9 slice:

  • Sudut-sudutnya bergerak.
  • Area samping meregang.
  • Bagian di tengah hanya diskala.

Jika Anda mulai dengan grafik di bawah ini, dan mencoba untuk diskala, Anda dapat dengan mudah melihat perbedaan antara objek 9 Slice dan grafik biasa

Grafik Biasa (tanpa margin 9 Slice) diskala secara horizontal hingga 230%. Perhatikan bagaimana sudut gambar meregang dan tidak terlihat persegi.

Konversi grafik asli menjadi objek 9 Slice, dengan margin 20% (garis merah).

Jika Anda diskala objek 9 Slice hingga 230% secara horizontal yang sama, Anda dapat melihat bahwa sudut objek mempertahankan bentuknya.

Membuat Objek 9 Slice

Anda dapat mengubah grafik apa pun menjadi objek 9 Slice. Untuk melakukan ini, buka Perpustakaan Aset lalu navigasikan ke Grafik yang ingin Anda ubah menjadi objek 9 slice.

Ketika Anda menemukan grafik Anda, sentuh dan tahan jari Anda pada grafik tersebut sampai menu Menu Aset muncul. Dari Menu Aset, pilih "Konversi ke 9-Slice".

Mengonversi ke 9 Slice akan secara otomatis membuat semua margin menjadi 40% untuk Anda.

Memodifikasi Margin Default

Jika Anda ingin mengubah margin default, pilih "Prabaca" dari Menu Aset.

"Prabaca 9-Slice" secara visual menunjukkan garis margin pada grafik Anda, dan memiliki kolom input dengan posisi margin (sebagai persentase dari grafik Anda).

Untuk mengubah margin, Anda dapat menyentuh dan memindahkan lingkaran putih pada setiap garis margin, atau memasukkan angka secara manual. Perhatikan, saat menarik garis margin, kolom input manual secara otomatis diperbarui dengan persentase posisi baru.

Memodifikasi Margin Khusus Objek

Anda juga dapat mengubah margin untuk setiap objek 9 Slice spesifik yang Anda tambahkan ke adegan Anda tanpa mempengaruhi Objek 9 slice yang asli.

Untuk melakukan ini, cukup ketuk objek 9 Slice di kanvas Anda dan dari Properti Objek beralih ke Tab Properti Umum (tab pertama yang tersedia).

Di Tab Properti Umum, Anda dapat melihat ke-4 margin dan mengubah posisi mereka secara manual.