Langsung ke konten utama

Construct 2 Indonesia Manual: Bab Plugin Reference - 2. 9-patch

Plugin: 9-patch memungkinkan gambar untuk diubah ukurannya dengan meregangkan atau memasang (Tillng) tepinya, sudut (Corner) dan mengisi secara terpisah. Hal ini berguna untuk memudahkan pembuatan jendela atau elemen antarmuka user yang dapat diubah ukurannya (Resizable Window and Interface) yang dapat diubah dengan berbagai ukuran dan tetap tampil dengan benar. Gambar di bawah menunjukkan bagaimana 9-patch terlihat, bila dibandingkan dengan Object: Sprite, dengan membentangkan keseluruhan gambarnya.


Object: 9-patch menggunakan satu gambar, namun secara otomatis memotongnya menjadi 9 bagian dengan menggunakan margin yang ditetapkan pada Object Properties. Dengan mengatur margin kiri, atas, kanan dan bawah, Object kemudian secara otomatis membuat ukuran dan posisi dari semua sembilan bagian.


Bagian tepi dan bagian isi dapat diregangkan atau dipasang (Tilling) secara terpisah, memungkinkan tampilan yang lebih baik saat diubah ukurannya. Berhati-hatilah untuk tidak mengatur margin sehingga bagian saling tumpang tindih atau memiliki ukuran nol, karena ini dapat menyebabkan Object tidak ditampilkan dengan benar.

Untuk demo interaktif dari Plugin: 9-patch, lihat Contoh: 9-patch Object di dialog Start.


9-patch Properties

  • Image
    Klik link Edit, atau klik dua kali Object di Layout View, untuk mengedit gambar yang digunakan untuk 9-patch.

  • Left margin
  • Right margin
  • Top margin
  • Bottom margin
    Margin masing-masing sisi 9-patch, dalam pixel. Lihat gambar di atas untuk visualisasi bagaimana margin ini digunakan untuk menentukan sembilan bagian.

  • Edges
    Margin masing-masing sisi 9-patch, dalam pixel. Lihat gambar di atas untuk visualisasi bagaimana margin ini digunakan untuk menentukan sembilan bagian.

  • Fill
    Gunakan Stretch saat meregangkan Fill patch ke ukuran Object. Gunakan Tile untuk mengulang isi Fill di dalam Object, seperti pada Tiled Background. Gunakan Transparent jika Anda tidak ingin mengisi gambar.

  • Initial visibility
    Atur apakah Object terlihat atau tidak terlihat pada awal Layout.

  • Hotspot
    Pilih apakah Hotspot (titik asal/Origin) Object ada di tengah atau di pojok kiri atas.

  • Seams
    Untuk memastikan rendering yang mulus dalam segala situasi, secara Default, Patch internal tumpang tindih (Overlap) dengan 1 pixel (menggunakan pengaturan Overlap). Namun untuk Patch semi transparan, ini bisa menyebabkan kerut (Seams) terlihat; dalam hal ini lebih baik menggunakan pengaturan Exact sebagai gantinya.




9-patch Conditions, Actions & Expressions

Object 9-patch tidak memiliki Condition, Action atau Expression khusus. Lihat 6.1. Common features (Fitur Umum) untuk dokumentasi mengenai Condition, Action dan Expression yang umum dengan Plugin lainnya.






Komentar