Runtime UI vs Penulis Ekstensi Editor
Structuring UI

Gaya inline vs lembar gaya

Informasi gaya untuk elemen di UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary
Toolkit dapat datang dari tiga tempat yang berbeda:

  1. C# properti gaya inline ditetapkan langsung di C#. Properti ini menimpa properti yang sama yang berasal dari sumber lain.
  2. Sifat gaya inline UXML pada elemen itu sendiri, disimpan langsung di dalam UXML, menggunakan atribut style khusus. Properti ini menimpa properti yang sama yang berasal dari lembaran gaya.
  3. Sifat gaya lembar gaya berasal dari aset StyleSheet (.uss) dan diterapkan pada elemen karena elemen cocok dengan USS Selector (yang seperti kueri pencarian).

Mirip dengan CSS, lembar gaya memungkinkan berbagi gaya di semua elemen UI, panel UI, dan layar. Mereka juga memungkinkan refactoring cepat dan mengubah gaya di seluruh aplikasi dari lokasi pusat, seperti tema. Ini didorong untuk menjaga styling dalam lembaran gaya sebanyak mungkin, bukan gaya pada setiap elemen individu.

Dalam Pembuat UI, Anda dapat mulai dengan membuat elemen dan menggunakan gaya inline hanya untuk bereksperimen sementara jumlah elemen masih kecil. Ketika Anda membangun UI yang lebih kompleks, lebih mudah untuk mengelola gaya menggunakan lembaran gaya. Anda dapat menggunakan bagian Extract Inline Styles to New Class pada bagian StyleSheet untuk mengekstrak gaya inline pada elemen ke Lembar Gaya.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
to extract inline styles on an element to a StyleSheet.

Lembar gaya juga memiliki fitur yang tidak mungkin digunakan dengan gaya inline, seperti:

  1. Pseudo menyatakan seperti :hover, yang akan menerapkan beberapa sifat gaya ke elemen ketika Anda menginjaknya dengan mouse.
  2. Styling elemen di dalam hierarki yang membaca di dalam Template Instance (instance dari Dokumen UI lain (UXML) atau elemen C# kustom yang menciptakan hierarki internal. Anda dapat elemen gaya dengan lembaran gaya menggunakan pemilih ASS hierarki, seperti berikut:
   .parentElement > .childElement

Untuk informasi lebih lanjut tentang lembaran gaya, lihat Lembar gaya unity.

Runtime UI vs Penulis Ekstensi Editor
Structuring UI