USS
-
[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] vector 형식(svg 형식)으로 아이콘을 불러오는 방법앱 개발/Unity, C# 2022. 9. 4. 14:37
확실히 티스토리보다는 네이버 블로그를 오래 써서 그런가 더 편한 것 같다. 그래서 이번에도 복붙... https://blog.naver.com/PostView.nhn?blogId=hotsunchip&logNo=222860806390 [Unity][UI Toolkit] vector 형식(svg 형식)으로 아이콘을 불러오는 방법 일단 저번에 작성하기로 마음먹은 것만 간추리면 이정도 되겠다. untiy에서 vector 형식(svg 형식)으로 아... blog.naver.com 참고로 나는 Unity 2021.3.3f1 버전을 사용하였다. 직전에 포스팅한, 이미지와 라벨이 모두 있는 버튼을 만들 때 버튼 아이콘으로 png 파일을 sprite로 넣어줬더니 주변에 검은색 테두리가 생기고 아이콘 자체도 흐릿해지는 현..
-
[Unity][UI Builder] 그림(아이콘)과 텍스트(라벨)가 둘 다 있는 버튼 만들기앱 개발/Unity, C# 2022. 8. 26. 04:55
요새 네이버 블로그를 부활시켰는데, 거기서만 개발 관련 내용을 포스팅하자니 아쉬웠다. 대부분의 개발자는 구글에 검색을 하는데, 내가 포스팅한 내용이 검색에 노출이 되지 않으면 도움이 안될수도 있겠다 싶어서 티스토리 블로그도 냅다 팠다. 근데 플랫폼만 두 개인거지 내용은 복붙하는 식으로 하거나, 아니면 티스토리에서 먼저 작성하고 네이버 블로그에 링크를 올리는 식으로 할 것 같다. 일단 이번에는 네이버 블로그에서 먼저 작성했으니 링크부터 붙이고 본다. https://blog.naver.com/PostView.nhn?blogId=hotsunchip&logNo=222858417753 [Unity][UI Builder] 그림(아이콘)과 텍스트(라벨)가 둘 다 있는 버튼 만들기 스타트업에 인턴으로 취업하면서 유니티..