Attention: Here be dragons

This is the latest (unstable) version of this documentation, which may document features not available in or compatible with released stable versions of Godot.

명명된 타입

사용자 인터페이스를 디자인할 때 Control 노드가 일반적으로 :ref:`Theme <class_Theme>`에 정의된 것과 다른 모양을 가져야 하는 경우가 있을 수 있습니다. 모든 컨트롤 노드에는 테마 속성 재정의가 있으므로 각 개별 UI 요소의 스타일을 재정의할 수 있습니다.

../../_images/themecheck.webp

여러 컨트롤 간에 동일한 사용자 정의 모양을 공유해야 하는 경우 이 접근 방식은 관리하기가 금방 어려워집니다. 프로젝트 전반에 걸쳐 :ref:`Button <class_Button>`의 회색, 파란색, 빨간색 변형을 사용한다고 상상해 보세요. 인터페이스에 새 버튼 요소를 추가할 때마다 이를 설정하는 것은 지루한 작업입니다.

조직을 돕고 :ref:`테마의 힘 <doc_gui_skinning>`을 더 잘 활용하려면 테마 유형 변형을 사용할 수 있습니다. 이는 일반 테마 유형처럼 작동하지만 자급자족하고 독립형이 아닌 다른 기본 유형을 확장합니다.

이전 예에 따라 테마에는 Button 유형에 대해 정의된 일부 스타일, 색상 및 글꼴이 있어 UI의 모든 버튼 요소 모양을 사용자 정의할 수 있습니다. 그런 다음 회색, 빨간색 또는 파란색 버튼을 가지려면 새 유형을 만들어야 합니다. GrayButton``를 생성하고 이를 기본 ``Button 유형의 변형으로 표시합니다.

유형 변형은 기본 유형의 일부 측면을 대체할 수 있지만 다른 측면은 유지할 수 있습니다. 또한 기본 스타일이 정의하지 않은 속성을 정의할 수도 있습니다. 예를 들어, GrayButton``는 기본 ``Button``에서 ``normal 스타일을 재정의하고 ``Button``가 정의한 적이 없는 ``font_color``를 추가할 수 있습니다. 컨트롤은 유형 변형에 우선순위를 부여하여 두 유형의 조합을 사용합니다.

참고

컨트롤이 각 유형 및 각 테마에서 사용하는 테마 항목을 결정하는 방식은 "GUI 스키닝 소개" 문서의 프로젝트 사용자 정의 섹션에 더 잘 설명되어 있습니다.

간단한 애니메이션 만들기

다양한 유형의 유형을 생성하려면 테마 편집기를 연 다음 편집기 오른쪽에 있는 유형 드롭다운 옆에 있는 더하기 아이콘을 클릭하세요. 텍스트 상자에 테마 유형 변형의 이름을 입력한 다음 **유형 추가**를 클릭합니다.

유형 드롭다운 아래에는 속성 탭이 있습니다. 렌치와 드라이버 아이콘이 있는 탭으로 전환하세요.

../../_images/base_type.webp

기본 유형 필드 옆에 있는 더하기 아이콘을 클릭합니다. 일반적으로 컨트롤 노드 클래스의 이름(예: Button, Label 등)인 기본 유형을 선택할 수 있습니다. 유형 변형은 다른 유형 변형을 연결하고 확장할 수도 있습니다. 이는 노드 제어가 기본 클래스의 스타일을 상속하는 것과 동일한 방식으로 작동합니다. 예를 들어, ``CheckButton``는 해당 노드 유형이 서로 확장되므로 ``Button``에서 스타일을 상속합니다.

기본 유형을 선택하면 이제 테마 편집기의 다른 탭에서 해당 속성을 볼 수 있습니다. 평소대로 편집할 수 있습니다.

편집기 실행하기

이제 유형 변형이 생성되었으므로 이를 노드에 적용할 수 있습니다. Inspector Dock의 노드 컨트롤의 Theme 속성 아래에서 Theme Type Variation 속성을 찾을 수 있습니다. 기본적으로 비어 있습니다. 즉, 기본 유형만 이 노드에 영향을 미칩니다.

드롭다운 목록에서 유형 변형을 선택하거나 해당 이름을 수동으로 입력할 수 있습니다. 유형 변형이 프로젝트 설정에서 구성할 수 있는 프로젝트 전체 테마에 속하는 경우에만 변형이 목록에 나타납니다. 다른 경우에는 변형 이름을 수동으로 입력해야 합니다. 오른쪽의 연필 아이콘을 클릭하세요. 그런 다음 유형 변형의 이름을 입력하고 확인 표시 아이콘을 클릭하거나 Enter 키를 누릅니다. 해당 이름을 가진 유형 변형이 존재하는 경우 이제 노드에서 사용됩니다.