Mulai dengan Pembuat UI
Buat dan mengelola Dokumen UI (UXML)

Gambaran keseluruhan alur kerja

Pendekatan umum untuk penciptaan UI(User Interface) Memungkinkan pengguna untuk berinteraksi dengan aplikasi Anda. Unity saat ini mendukung tiga sistem UI. More info
Lihat di Glossary
di UI Builder adalah siklus iterasi berikut:

  1. Buka dokumen UI baru (UXML).
  2. Unsur-unsur drag atau Dokumen UI lainnya (UXML) (dicipta menggunakan siklus iterasi yang sama ini) dari Library ke dalam Hierarchy untuk membuat Anda hierarki UI.
  3. Pilih elemen di Hierarchy atau Canvas untuk mengakses atribut dan sifat gaya mereka 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
    .
  4. Mengatur atribut per-element seperti Label Teks atau Button Tooltip melalui bagian Inspector Attributes.
  5. Mengatur properti gaya per-element, termasuk tata letak dan sifat posisi, melalui bagian Inspector Inline Styles.
  6. Ketika lebih dari satu elemen mulai membutuhkan sifat gaya yang sama, tambahkan atau buat StyleSheet ke UI Document (UXML) menggunakan pane StyleSheets.
  7. Dengan elemen yang dipilih, ekstrak sifat gaya inlinenya menjadi StyleSheet melalui bagian Inspector StyleSheet > Style Class List dengan memberikan nama kelas gaya baru dan mengeklik Extract Inlined Styles to New Class.
  8. Buat tambahan Selector USS melalui Add new selector… di bagian atas pane StyleSheets yang menimpa subset properti gaya pada set elemen tertentu, seperti pemilih .my-button:hover { color: blue; } yang mengatur warna biru pada elemen apa pun yang memiliki kelas .my-button dan mouse berada di atasnya.
  9. Uji UI Anda dengan mengklik tombol Preview di ViewportThe user’s visible area of an app on their screen.
    See in Glossary
    untuk menonaktifkan penulisan 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
    dan memungkinkan UI untuk menjadi berinteraksi (yaitu menguji gaya Canvas).:hover styles).
  10. Kembali ke langkah (2) dan simpan dokumen UI (UXML).
Mulai dengan Pembuat UI
Buat dan mengelola Dokumen UI (UXML)