# UI Toolkit là gì???

Hãy cùng dành một vài phút để hiểu các thành phần tạo nên bộ công nghệ (tech stack) UI Toolkit

UI Toolkit là tập hợp của các assets, tools và systems.

[![image.png](https://knowledge.thanhdv.com/uploads/images/gallery/2025-06/scaled-1680-/cDrimage.png)](https://knowledge.thanhdv.com/uploads/images/gallery/2025-06/cDrimage.png)

- ****UI Assets:**** <span style="white-space: pre-wrap;">Hãy xem UI Assets như những UI building blocks. Những assets này bao gồm các file Unity XML (UXML) và Unity Style Sheet (USS). </span>  
      
    UXML files đại hiện cho các nội dụng và cấu trúc của UI tương tự như HTML và XML.  
      
    <span style="white-space: pre-wrap;">USS files lấy cảm hứng từ CSS (Cascading Style Sheets), được dùng để khai báo giao diện và style cho nội dung. </span>**Bạn sẽ sử dụng cả hai loại assets trong bài hướng dẫn này.**  
      
    [![image.png](https://knowledge.thanhdv.com/uploads/images/gallery/2025-06/scaled-1680-/Ihbimage.png)](https://knowledge.thanhdv.com/uploads/images/gallery/2025-06/Ihbimage.png)
- ****UI Tools:**** <span style="white-space: pre-wrap;">Để tăng tốc quá trình làm việc với UI của bạn. UI Toolkit đi kèm với một số công cụ. Chúng bao gồm </span>****UI Builder****<span style="white-space: pre-wrap;"> - một editor giúp bạn dễ dàng xây dựng UI từ các khối trực quan thay vì viết code. Tuy nhiên, bạn vẫn có thể tạo content bằng UXML và USS thông qua code. Hoặc bạn có thể kết hợp cả 2 cách tuỳ sử thích. Công cụ quan trọng thứ 2 là </span>****UI Debugger****<span style="white-space: pre-wrap;"> được sử dụng để debug :D</span>
- ****UI Systems:**** là một tập hợp bao gồm các công cụ giúp bạn dễ sàng xử lý các events, rendering, styles và layout.