VisualElement4 썸네일형 리스트형 [Unity][UI Toolkit] UI Toolkit 사용하면서 살짝 헤맨 부분들 오래 헤매진 않았고, 그냥 당연히 이렇게 하면 되겠지~라고 했다가 안 돼서 검색한 부분을 살짝쿵 모아보았다. 커스텀 컨트롤에서 Content Container 설정ui toolkit custom control content container add child in innercustom c# visualElement child나의 경우에는 커스텀한 Label Container을 만들 때와 grid View를 만들고 해당 뷰와 연결되는 리스트가 비어있을 때 보여줄 empty container을 만들기 위해 사용하였다.간단하게 VisualElement의 virtual 프로퍼티인 contentContainer을 override하면 된다.private VisualElement _contentContainer;pu.. 앱 개발/Unity, C#2024. 12. 31. [Unity][UI Toolkit] uss에서 gap 옵션(child 사이 spacing) 구현하기 [USS] 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, C#2024. 11. 29. [Unity][UI Toolkit] uss에서 first-child, last-child 구현하기 [USS] UI Toolkit -> UGUI (Nova) -> 다시 UI Toolkit으로 migration 하는 중...유니티 버전을 2021에서 2022로 업그레이드 하면서 UI Toolkit도 많이 안정되었구나 싶긴 했는데,그래도 여전히 기존 css에서 구현되는 기능이 다 사용 가능한 건 아니라 한계를 다시 체험하고 있다. 그 중에 제일 답답했던 것이 child 사이의 거리를 설정할 수 없는 것...웹을 할 때는 css에서 flex 속성과 함께 gap 속성을 주면 간단하고 깔끔하게 정렬할 수 있었는데,유니티 uss에는 해당 속성이 없어서 자식의 margin을 하나씩 다 설정해주는 방식으로 가야한다. 이 기능을 자동으로 해주는 스크립트를 작성하고 싶었다.그러기 위해서는 last-child를 알아야 했는데, 역시.. 앱 개발/Unity, C#2024. 11. 29. [Unity][UI Toolkit] 버튼 누르는 동안 동작 실행 역시 아래 네이버 블로그와 내용은 동일하다. [Unity][UI Toolkit] 버튼 누르는 동안 동작 실행아 블로그 업로드에 부담을 느껴서 계속 안하게 되는데, 그냥 편하게 메모하는 식으로 가자. 오늘은 Visua...blog.naver.com 기존 VisualElement Button은 처음 눌렀을 때(clicked) 설정된 동작을 한 번 실행한다.따라서 버튼을 누르는 동안 오브젝트를 이동시킨다거나 회전시키는 등의 기능은 작성하기 어렵다.물론 boolean 속성(isPressingButton)을 하나 만들어 버튼을 눌렀을 때 true로 설정하고,Update 함수에서 이 속성의 값에 따라 수행하는 작업을 다르게 작성할 수도 있다.하지만 이것은 우리가 찾는 방법이 아닐 것이다. 심지어 해당 작업이 자주 .. 앱 개발/Unity, C#2024. 2. 18. 이전 1 다음
