Version: 2022.3
언어: 한국어
Assign USS variables in UI Builder
Structure UI

Test UI

You can test your UI inside the UI Builder, and use debugging tools to investigate styles.

Test UI in Preview mode

To test your UI inside the UI Builder, directly inside the Canvas, you can enable Preview mode, found in the Viewport’s toolbar. Preview mode removes the UI Builder-specific picking overlay and handles from the Canvas. You can tell if you have Preview mode enabled by looking for an orange border around the entire Viewport:

PreviewMode
PreviewMode

With Preview mode enabled, you can test the following:

  • State-based controls like Foldout, which you can click on to expand and see how the rest of the UI reacts.
  • 입력 확인을 테스트할 수 있는 IntegerField와 같은 입력 필드
  • 위아래 스크롤을 테스트할 수 있는 ScrollView와 같은 큰 컨테이너
  • 마우스 커서 전용 스타일을 확인하기 위한 :hover 유사 상태

In Preview mode, you can still work on your UI. However, Canvas picking and manipulators are turned off in Preview mode.

Debug styles

If you don’t know where a style comes from, you can find the styles for an element in the Matching Selectors section in the UI Builder’s Inspector.

  1. In the Canvas of the UI Builder, select the element.
  2. In the Inspector window, expand StyleSheet > Matching Selectors.

An example of Matching Selectors

The Matching Selectors section displays the following:

  • USS selectors from your own style sheets
  • USS selectors from the default Unity theme

Note: USS selectors that appear lower in the list always override the same style properties in higher USS selectors.

If the Matching Selectors section doesn’t provide enough information, you can use the UI Toolkit Debugger. The UI Toolkit Debugger is a tool that you can use to inspect and debug your UI elements in real-time. It provides a visual representation of your UI hierarchy. You use it to examine the state and properties of each UI element.

추가 리소스

Assign USS variables in UI Builder
Structure UI
Copyright © 2023 Unity Technologies
优美缔软件(上海)有限公司 版权所有
"Unity"、Unity 徽标及其他 Unity 商标是 Unity Technologies 或其附属机构在美国及其他地区的商标或注册商标。其他名称或品牌是其各自所有者的商标。
公安部备案号:
31010902002961