버전: 2023.2+
이 예시는 메시 API를 사용하여 시각적 요소에 시각적 콘텐츠를 그리는 방법을 보여줍니다.
참고:메시 API는 고급 사용자를 위한 툴입니다.버전 2022.1 이상에서는 간단한 지오메트리만 생성하려는 경우 대신 벡터 API를 사용하십시오.자세한 내용은 벡터 API를 사용하여 방사형 진행 표시기 만들기를 참조하십시오.
이 예시에서는 로딩 막대 대신 진행률을 표시하는 커스텀 컨트롤을 만듭니다.진행 표시줄은 백분율을 표시하는 레이블 주위의 부분적으로 채워진 링에 진행률 값을 표시합니다.0에서 100 사이의 값을 지원하며, 이 값은 링이 채워지는 양을 결정합니다.
이 예시에서 생성하는 완성된 파일은 GitHub 저장소에서 찾을 수 있습니다.
이 가이드는 Unity 에디터, UI 툴킷, C# 스크립팅에 익숙한 개발자용입니다.시작하기 전에 먼저 다음을 숙지하십시오.
C# 스크립트를 작성하여 RadialProgress
클래스를 정의하고 컨트롤을 UXML 및 UI Builder에 노출합니다.
radial-progress
라는 폴더를 만들어 파일을 저장합니다.radial-progress
폴더에 다음 콘텐츠가 포함된 RadialProgress.cs
라는 이름의 C# 스크립트를 만듭니다.다음 콘텐츠를 포함하는 EllipseMesh.cs
라는 C# 스크립트를 생성합니다.
다음 콘텐츠로 RadialProgress.uss
라는 USS 파일을 생성합니다.
UI 빌더를 사용하여 컨트롤을 추가하고 USS 스타일시트를 적용합니다. 다양한 Progress
값으로 컨트롤을 테스트해 봅니다.
RadialProgressExample.uxml
이라는 이름의 UI 문서를 생성합니다.RadialProgressExample.uxml
을 더블 클릭하여 UI 빌더에서 엽니다.RadialProgress.uss
를 기존 USS로 추가합니다.radial-progress
를 입력합니다.데모 목적으로 컨트롤의 Progress
프로퍼티를 동적 값으로 업데이트하는 C# MonoBehaviour 스크립트를 만듭니다. radial-progress
폴더에 다음 콘텐츠를 포함하는 RadialProgressComponent.cs
라는 이름의 C# MonoBehaviour를 만듭니다.