VisualElement
-
[Unity][UI Toolkit] uss에서 gap 옵션(child 사이 spacing) 구현하기 [USS]앱 개발/Unity, C# 2024. 11. 29. 20:37
uss는 css처럼 유니티 UI Toolkit에서 스타일을 적용시킬 때 사용한다.웹 형식과 비슷해 더욱 쉽게 디자인할 수 있다는 장점이 있지만,아직 개발 단계라 css에서 제공하는 속성 중 적용되지 않는 것(line-height, gap 등)이 있다는 것이 단점이다. 특히, 웹을 할 때는 css에서 flex 속성과 함께 gap 속성을 주면 자식 요소를 간단하고 깔끔하게 정렬할 수 있었는데유니티 uss에는 해당 속성이 없어서 자식의 margin을 하나씩 다 설정해줘야 한다. (아래의 css 코드처럼 말이다)div > *:not(:last-child) { display: block; margin-bottom: 20px;} 그런데 문제는, uss가 not 선택자는 물론 last-child 선택자도 ..
-
[Unity][UI Toolkit] uss에서 first-child, last-child 구현하기 [USS]앱 개발/Unity, C# 2024. 11. 29. 20:07
UI Toolkit -> UGUI (Nova) -> 다시 UI Toolkit으로 migration 하는 중...유니티 버전을 2021에서 2022로 업그레이드 하면서 UI Toolkit도 많이 안정되었구나 싶긴 했는데,그래도 여전히 기존 css에서 구현되는 기능이 다 사용 가능한 건 아니라 한계를 다시 체험하고 있다. 그 중에 제일 답답했던 것이 child 사이의 거리를 설정할 수 없는 것...웹을 할 때는 css에서 flex 속성과 함께 gap 속성을 주면 간단하고 깔끔하게 정렬할 수 있었는데,유니티 uss에는 해당 속성이 없어서 자식의 margin을 하나씩 다 설정해주는 방식으로 가야한다. 이 기능을 자동으로 해주는 스크립트를 작성하고 싶었다.그러기 위해서는 last-child를 알아야 했는데, 역시..
-
[Unity][UI Toolkit] 버튼 누르는 동안 동작 실행앱 개발/Unity, C# 2024. 2. 18. 00:25
역시 아래 네이버 블로그와 내용은 동일하다. [Unity][UI Toolkit] 버튼 누르는 동안 동작 실행 아 블로그 업로드에 부담을 느껴서 계속 안하게 되는데, 그냥 편하게 메모하는 식으로 가자. 오늘은 Visua... blog.naver.com 기존 VisualElement Button은 처음 눌렀을 때(clicked) 설정된 동작을 한 번 실행한다. 따라서 버튼을 누르는 동안 오브젝트를 이동시킨다거나 회전시키는 등의 기능은 작성하기 어렵다. 물론 boolean 속성(isPressingButton)을 하나 만들어 버튼을 눌렀을 때 true로 설정하고, Update 함수에서 이 속성의 값에 따라 수행하는 작업을 다르게 작성할 수도 있다. 하지만 이것은 우리가 찾는 방법이 아닐 것이다. 심지어 해당 작..