Penjemputan USS Styling dengan Pembuat UI

Kelola USS Login

Lembar gaya unity (USS) pemilih adalah pertanyaan ke hierarki elemen. Mereka terlihat seperti ini di AS:

.my-button {
  background-color: blue;
}

Selector USS di atas mencari semua elemen yang memiliki kelas atau tag .my-button dan elemen pencocokan akan mendapatkan warna latar belakang biru.

Anda dapat menggunakan Selectors USS di dalam StyleSheets untuk berbagi gaya pada elemen dan dokumen UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary (UXML). Anda dapat membuat Selector USS baru melalui bidang Add new selector… di bagian atas pane StyleSheets.

Ketika Anda memiliki bidang Add new selector… dalam fokus, referensi sintaks Selector AS muncul di atas ViewportThe user’s visible area of an app on their screen.
See in Glossary, seperti yang ditunjukkan pada gambar di bawah ini:

Manipulate USS selectors

Untuk cut/copy/paste/delete satu atau lebih USS Selectors di pane StyleSheets, pilih grup, klik kanan, dan pilih tindakan yang diinginkan.

Ketika Anda menyalin Selector USS di pane StyleSheets, apa yang sebenarnya disalin ke penyangga copy/paste adalah representasi teks USS dari Selector USS. Ini berarti Anda dapat menempel di editor teks langsung atau, sebaliknya, menyalin beberapa teks AS dan menempelkannya di Pembuat UI.

Sitemap Pilih elemen

Disarankan untuk menggunakan kelas gaya untuk mencocokkan elemen bukan atribut tipe C# atau nama mereka. Gambar di bawah ini menampilkan pane StyleSheets yang mengandung label kelas gaya USS:

Anda dapat memiliki Selector USS sesuai dengan elemen dengan menambahkan kelas gaya (atau “tag”) yang digunakan dalam Selector USS ke elemen. Anda dapat menambahkan kelas gaya ke elemen dalam dua cara:

1. Seret label kelas gaya, seperti , ke elemen baik Hierarchy atau Canvas.
2. Pilih elemen dan masukkan nama kelas gaya di lapangan di bagian atas bagian StyleSheet di 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.
3. Klik tombol Add Style Class to List:

Untuk melihat kelas gaya apa yang sudah diterapkan pada elemen, lihat label kelas gaya kuning di bagian StyleSheet dari Inspector:

Anda dapat mengklik dua kali pada label kelas gaya kuning untuk melompat ke Selector AS yang menggunakannya sebagai satu-satunya pertanyaan, jika salah satu ada di Lembar Gaya yang terpasang.

Jika label kelas gaya kuning muncul faded, UI Builder tidak dapat menemukan pemilih AS di Lembar Gaya yang melekat yang berisi kelas ini dalam kuerinya. Anda dapat mengklik dua kali pada label kelas kuning yang mempesona untuk membuat pemilih USS baru di Active StyleSheet yang mencari kelas gaya ini.