이름 선택자

USS 이름 선택자는 요소의 이름을 기준으로 요소를 매칭시킵니다. USS 이름 선택자는 특정 id 속성이 있는 요소와 매칭되는 CSS ID 선택자와 유사합니다.

요소의 이름을 설정하려면:

• C# 스크립트에서 VisualElement.name을 사용합니다.
• UXML에서 name 속성을 사용합니다. 예: <VisualElement name="my-nameName">

예기치 않은 매칭을 방지하려면 패널에서 고유한 요소 이름을 만드십시오.

구문

이름 선택자는 앞에 숫자 기호(#)가 붙은 요소의 할당된 이름으로 구성됩니다.

#ElementName { ... }

참고: USS 파일에 선택자를 작성할 때만 숫자 기호(#)를 사용하십시오. UXML 또는 C# 파일의 요소에 이름을 할당할 때는 사용하지 마십시오. 숫자 기호가 포함된 요소 이름은 유효하지 않습니다. 예를 들어 <Button name="#OK" />는 유효하지 않습니다.

예제

다음 예시__ UI__(사용자 인터페이스) 사용자가 애플리케이션과 상호 작용하도록 해 줍니다. Unity는 현재 3개의 UI 시스템을 지원합니다. 자세한 정보
See in Glossary 문서는 간단한 선택자로 요소를 일치시키는 방법을 보여줍니다.

<UXML xmlns="UnityEngine.UIElements">
  <VisualElement name="container1">
    <VisualElement name="container2" class="yellow">
      <Button name="OK" class="yellow" text="OK" />
      <Button name="Cancel" text="Cancel" />
    </VisualElement>
  </VisualElement>
</UXML>

스타일을 적용하지 않으면 UI는 다음과 같이 표시됩니다.

다음과 같은 이름 선택자 스타일 규칙은 두 번째 Button 요소와 매칭됩니다.

#Cancel {
    border-width: 2px;
    border-color: DarkRed;
    background-color: pink;
}

스타일을 적용하면 UI는 다음과 같이 표시됩니다.

추가 리소스

• USS 베스트 프랙티스