Gambaran keseluruhan antarmuka

Ini adalah jendela editor pembuat UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary utama:

StyleSheets

Lembar Gaya dan pemilih AS dalam UI Toolkit digunakan untuk berbagi dan menerapkan gaya di berbagai elemen dan banyak Dokumen UI (UXML).

StyleSheets pane adalah di mana Anda bisa:

1. Tambahkan, reorder, atau lepaskan Lembar Gaya (USS) ke Dokumen UI saat ini (UXML).
2. Buat, reorder, menyalin, atau menghapus Selectors USS dalam StyleSheets untuk berbagi gaya di banyak elemen.

Hierarchy

Hierarchy pane mengandung tampilan pohon mewakili hierarki elemen dokumen saat ini. Ini adalah superset hirarki yang Anda lihat dalam representasi teks UXML dari Dokumen UI (UXML). Selain elemen yang dibuat langsung dari UXML, pane Hierarchy juga mengandung unsur-unsur yang dibuat secara dinamis dan hanya ada dalam runtime UI. Misalnya, pane Hierarchy mencakup unsur-unsur yang merupakan bagian dari instance Template (dokumen yang berbeda di dalam dokumen saat ini), di mana UXML hanya akan memiliki tag <Instance> tunggal.

Anda dapat menggunakan pane Hierarchy untuk:

1. Pilih elemen untuk memeriksa atau mengedit.
2. Potong, menyalin, menghapus, atau mengubah elemen.
3. Buka dokumen template instanced sebagai sub-documents untuk pengeditan in-place (dalam konteks).
4. Lihatlah beberapa daftar kelas gaya elemen, atribut nama, dan lampiran Lembar Gaya lokal.

Elemen muncul di pohon sesuai dengan atribut name mereka. Jika atribut name elemen tidak diatur, muncul sesuai dengan tipe C #nya. Anda dapat mengklik dua kali elemen untuk cepat mengubah nama itu.

Klik ikon ⋮ di sudut kanan atas header pane Hierarchy untuk mengakses menu opsi tampilan.

• Pilih Type untuk memaksa Hierarchy untuk menampilkan setiap elemen tipe C #, terlepas dari apakah memiliki nama.
• Pilih Class List untuk menampilkan setiap daftar kelas gaya elemen di sebelah entri Hierarchy.
• Pilih Attached StyleSheets untuk menampilkan Lembar Gaya yang melekat secara lokal di samping elemen mereka.

Library

Library pane mirip dengan Jendela proyekJendela yang menunjukkan isi folder Assets (Project tab) More info
Lihat di Glossary dalam Editor Unity. Daftar elemen UI yang tersedia.

• Tab Standard mencantumkan elemen bawaan standar yang disediakan Unity. Elemen-elemen ini mencakup styling standar yang bekerja untuk semua tema Unity yang didukung dan runtime.

Anda dapat mengubah mode tampilan ini antara ubin dan tampilan pohon menggunakan ikon ⋮ di sudut kanan atas jendela Library dan memilih Tree View.

• Daftar tab Project kustom aset .uxml dalam Proyek. Ini juga mencantumkan unsur-unsur C# khusus yang berwarisi dari VisualElement dan memiliki set UxmlFactory mereka untuk sesaat melalui UXML. Untuk melihat semua elemen di tab Proyek Library, hover di atasnya. Pratinjau muncul di sebelah kanan pane Library.

Untuk meluruskan elemen, lakukan salah satu berikut:

• Seret ke dalam pane Hierarchy.
• Seret ke Canvas di ViewportThe user’s visible area of an app on their screen.
  See in Glossary.
• Klik dua kali. Ini menambahkan elemen sebagai pengalihan elemen yang dipilih saat ini. Jika tidak ada yang dipilih, elemen ditambahkan di akar Dokumen UI (UXML).

Viewport

Viewport pane menampilkan output dari UI Document (UXML) pada edit-time resizable mengambang Canvas.

• Judul Canvas menampilkan nama dokumen UI yang dimuat saat ini (UXML). Sebuah asterisk (*) di samping nama menunjukkan perubahan yang tidak disadari.
• toolbarSe baris tombol dan kontrol dasar di bagian atas Editor Unity yang memungkinkan Anda untuk berinteraksi dengan Editor dengan berbagai cara (misalnya scaling, terjemahan). More info
  Lihat di Glossary mengandung menu perintah spesifik UI Builder, pengaturan Viewport, pemilih Theme, dan tombol Preview.
• Anda dapat menemukan pengaturan UI Builder tambahan di sudut kanan atas Viewport di bawah menu ⋮, termasuk pintas ke Pengaturan UI Builder di Unity Project SettingsA broad collection of settings which allow you to configure how Physics, Audio, Networking, Graphics, Input and many other areas of your project behave. More info
  See in Glossary.
• Canvas adalah tempat Anda mengedit, Pratinjau, dan berinteraksi dengan Dokumen UI (UXML) yang Anda inginkan.
• Anda dapat mengubah pengaturan Canvas dengan mengklik header Canvas dan mengakses InspectorA Unity window that displays information about the currently selected GameObject, asset or project settings, allowing you to inspect and edit the values. More info
  See in Glossary.

Navigasi di viewport

Pan dan zoom untuk menavigasi di viewport. Pembuat UI menyimpan setiap Dokumen UI (UXML) saat ini panci dan keadaan zoom, dan mengembalikannya setelah jendela UI Builder memuat ulang, reload domain, atau ketika Anda menutup dan membuka kembali Dokumen UI yang sama (UXML).

Ketika Anda membuat dan membuka dokumen baru, UI Builder mengatur ulang pan dan memperbesar negara.

Untuk panci, lakukan salah satu berikut:

1. Klik dan tarik di Viewport.
2. TahanCtrl/Cmd + Alt /Option dan klik dan tarik di Viewport.

Untuk memperbesar dan keluar, posisi pointer mouse di Viewport dan melakukan salah satu berikut:

1. Posisikan pointer mouse di viewport, dan putar roda mouse.
2. TahanAlt /Option dan drag yang tepat. Seret benar untuk memperbesar, dan meninggalkan untuk memperbesar.

Kode Pratinjau

Ketika Anda membangun UI, UI Builder secara otomatis menghasilkan teks UXML dan USS yang mendasarinya, dan menampilkannya dalam panci UXML Preview dan USS Preview .

Inspector

UI Builder Inspector pane mirip dengan Unity Inspector window. Inspector akan menampilkan sedikit konten yang berbeda, tergantung pada objek yang telah Anda pilih di dalam UI Builder:

1. Elemen menampilkan bagian Attribute untuk atribut per-element (UXML), bagian StyleSheets untuk menetapkan kelas gaya dan melihat gaya yang diterapkan dari Lembar Gaya, dan bagian Inlined Styles yang memungkinkan pengeditan properti gaya per-element inline.
2. Login Selector menampilkan bagian Style Selector untuk mengubah string query pemilih dan bagian Styles untuk mengedit properti gaya.
3. Kanvas menampilkan bagian Canvas Size untuk mengubah ukuran Canvas, bagian Canvas Background untuk mengubah latar belakang kanvas edit-time, dan bagian Document Settings untuk pengaturan waktu edit per-document.