UI System

Buatlah project baru di Unity atau cukup scene baru saja jika masih ingin menggunakan project yang sudah digunakan dalam materi sebelumnya. Tambahkan sebuah panel dengan cara klik menu GameObject -> UI -> Panel.



Tampilan nya menjadi seperti berikut



Semua object UI memiliki satu mekanisme unik yang disebut dengan Anchor. Misalnya untuk panel yang baru saja kita pasang. Kita bisa melihatnya pada panel Transform bahwa secara default Anchor yang dimilikinya adalah Strecth x Strecth.



Gunakan Hand Tool standar atau tambahkan klik Kanan untuk mendapatkan pandangan Scene seperti di bawah ini.

Anchor tersebut akan membuat panel yang dibuat akan ikut membesar secara horizontal dan vertikal sesuai dengan ukuran layar game. Kita bisa mengubah jenis Anchor dengan klik kotak penanda Anchor. Misalnya mengubah pilihan pada Top x Left kemudian geser panelnya pada ujung kiri atas. Pilihan ini akan membuat panel ‘menempel’ pada posisi kiri atas Canvas. Tak peduli ukuran layar game berubah-ubah. Untuk mencobanya silahkan ubah ukuran layar game.

Baiklah sekarang kembalikan lagi Anchor menjadi Strecth x Strecth lalu lanjutkan materi berikutnya.

Selanjutnya kita akan membuat tombol. Caranya klik menu GameObject -> UI -> Button. Pasang Button sebagai child dari Panel dengan cara drag langsung pada tab Hierarchy.

Tampilan nya seperti berikut

Selanjutnya buat sebuah InputField dengan cara klik menu GameObject -> UI-> InputField. GameObject ini berfungsi untuk menerima inputan dari user.

Tampilan nya seperti berikut

Tempatkan Inputfield pada panel dan sesuaikan posisinya sesuai keinginan.

Klik GameObject PlaceHolder yang merupakan child dari GameObject InputField pada tab Hierarchy, lalu klik tab Inspector dan pada panel Text ganti parameter Textnya menjadi “Masukkan Nama Anda...”

Selanjutnya tambahkan sebuah Text dengan cara klik menu GameObject -> UI -> Text.

Atur posisi sesuai kebutuhan.

Anda juga bisa mengganti text yang ada pada Button dengan klik pada Text pada child Button, klik Inspector lalu ubah parameter Text sesuai kebutuhan.

Selanjutnya kita akan buat Script C# baru dan beri nama KlikUI.cs lalu ubah script seperti di bawah ini:

Selanjutnya pasang script pada GameObject. Kita bisa pasang di sembarang GameObject, misalnya saja kita pasang pada Canvas, lalu sesuaikan dua buah parameter public yang dibuat tadi dengan GameObject yang telah kita buat sebelumnya di Scene. Untuk memudahkan, silahkan ganti nama GameObject Text yang menjadi target.

Kunjungi https://www.budiluhur.ac.id/