버전: 2023.2+
이 예시에서는 USS 선택자를 시각적 요소에 바인딩하는 커스텀 바인딩을 생성하는 방법을 보여 줍니다.
이 예시에서는 계층 구조의 자식 요소 순서에 따라 시각적 요소의 각 자식 요소에 USS 클래스 선택자를 할당하는 커스텀 바인딩을 생성합니다. 첫 번째 요소는 항상 왼쪽 모서리 가장자리가 둥글고, 마지막 요소는 항상 오른쪽 모서리 가장자리가 둥급니다.
이 예시에서 생성하는 완성된 파일은 GitHub 저장소에서 찾을 수 있습니다.
이 가이드는 Unity 에디터, UI 툴킷, C# 스크립팅에 익숙한 개발자용입니다.시작하기 전에 먼저 다음을 숙지하십시오.
형제 인덱스를 기반으로 USS 클래스를 할당하는 커스텀 바인딩 타입을 생성합니다. 바인딩은 형제 인덱스가 변경될 때만 업데이트됩니다.
템플릿을 사용하여 Unity에서 프로젝트를 생성합니다.
프로젝트의 Assets
폴더에서 다음 콘텐츠를 포함하는 AddMenuUSSClass.cs
라는 C# 스크립트를 생성합니다.
[!code-cs[(Modules/UIElements/Tests/UIElementsExamples/Assets/ui-toolkit-manual-code-examples/runtime-custom-binding/AddMenuUSSClass.cs)]
일반적으로는 요소의 기존 프로퍼티에 바인딩하는 바인딩을 만듭니다. 하지만 이 예시에서는 데모 목적으로 요소에 존재하지 않는 프로퍼티에 바인딩하는 커스텀 바인딩을 만듭니다. 존재하지 않는 프로퍼티에 바인딩하는 바인딩을 설정하려면 UXML 또는 C#을 사용해야 합니다. 이 예시에서는 UXML을 사용하여 바인딩을 설정합니다.
프로젝트의 Assets
폴더에서 다음 콘텐츠를 포함하는 CustomBinding.uss
라는 USS 파일을 생성합니다.
[!code-cs[(Modules/UIElements/Tests/UIElementsExamples/Assets/ui-toolkit-manual-code-examples/runtime-custom-binding/CustomBinding.uss)]
프로젝트의 Assets
폴더에서 다음 콘텐츠를 포함하는 CustomBinding.uxml
이라는 UXML 파일을 생성합니다.
[!code-cs[(Modules/UIElements/Tests/UIElementsExamples/Assets/ui-toolkit-manual-code-examples/runtime-custom-binding/CustomBinding.uxml)]
CustomBinding.uxml
파일을 더블 클릭하여 UI Builder에서 엽니다.
StyleSheet 패널에서 + > Add Existing USS를 선택하고 CustomBinding.uss
파일을 선택합니다.
변경 사항을 저장합니다.
바인딩을 테스트하려면 UI Builder에서 버튼 요소의 순서를 변경하고 UI Builder Viewport에서 변경 사항을 관찰합니다.
CustomBinding.uxml
파일을 더블 클릭하여 UI Builder에서 엽니다.Did you find this page useful? Please give it a rating:
Thanks for rating this page!
What kind of problem would you like to report?
Thanks for letting us know! This page has been marked for review based on your feedback.
If you have time, you can provide more information to help us fix the problem faster.
Provide more information
You've told us this page needs code samples. If you'd like to help us further, you could provide a code sample, or tell us about what kind of code sample you'd like to see:
You've told us there are code samples on this page which don't work. If you know how to fix it, or have something better we could use instead, please let us know:
You've told us there is information missing from this page. Please tell us more about what's missing:
You've told us there is incorrect information on this page. If you know what we should change to make it correct, please tell us:
You've told us this page has unclear or confusing information. Please tell us more about what you found unclear or confusing, or let us know how we could make it clearer:
You've told us there is a spelling or grammar error on this page. Please tell us what's wrong:
You've told us this page has a problem. Please tell us more about what's wrong:
Thank you for helping to make the Unity documentation better!
Your feedback has been submitted as a ticket for our documentation team to review.
We are not able to reply to every ticket submitted.