UI Toolkit 썸네일형 리스트형 유니티3D의 UI Toolkit (8) - 버튼 마우스 오버, 클릭 효과 지난번 게시글을 작성할 때는 날씨가 너무 따뜻해서 난리였었는데요. 그런데 어떻게 일주일만에! 이렇게 추워질 수 있는지 너무 큰 기후 변화 폭을 겪습니다. 하기사 '추워야 겨울'이라고 이제야 겨울에 걸맞는 느낌이 들긴 하네요 :) 눈 내리는 크리스마스에 어울리는 경쾌하고 신나는 크리스마스 음악 하나 공유드립니다. 들어놓고서 보시면 지루하지는 않으실 겁니다 ㅎㅎ 지난 게시글에서는 UI Toolkit 을 이용해 처음부터 새로 구성, 아래 화면을 완성하는데까지 이르렀는데요. https://itadventure.tistory.com/646 이번 시간에는 이 버튼 위에 마우스를 갖다 대거나 클릭하면 버튼의 배경색과 테두리 색상, 테두리 굵기 등이 바뀌는 부분을 진행하겠습니다. 이 방법이 웹개발자, 특히 퍼블리셔분 .. 더보기 유니티3D의 UI Toolkit (7) - XML과 스타일 시트 다시 봄이 오려나 봅니다 :) 최근 이상 기온 때문인지 12월에 포근한 날씨를 경험하네요. 점점 계절의 경계가 불명확해져가는 것 같습니다. 생뚱맞지만 봄 분위기(?) 의 경쾌한 CCM 하나 올려드립니다. 이런 날씨라면 어울릴것 같기도 하네요. 취향에 맞으시면 틀어놓고 보셔도 좋을것 같습니다 :) 과거에 홈페이지 수주를 받아 제작하는 일을 했었는데요. 협업 개발이라서 저는 개발 파트을 담당했습니다. 당시 어떤 발주처에서 홈페이지 전체적인 디자인을 사계절마다 자동으로 바뀌는 기능을 요청해서 작업한 적이 있는데요. 기능단에서 날짜를 체크하여 봄, 여름, 가울, 겨울 계절마다 각각 색상과 이미지를 다르게 적용하도록 구현한 적이 있습니다. 요새 다크 테마와 비슷한 컨셉이기도 하지요. 당시에는 css 기술이 지금처.. 더보기 유니티3D의 UI Toolkit (6) - 스크롤 UI + C# 지난 시간에는 '흥부가 기가 막힌' 일들이 일어났었지요 :) 그래서 UI ToolKit 의 스크롤뷰 창을 아래와 같이 채워보았습니다. 흥부의 형 놀부도 질세라, 본인도 기가 막히다고 말하는군요. 그런데 놀부는 흥부처럼 한땀 한땀 Label(레이블)을 수작업으로 넣는게 아니라, C# 스크립트를 이용해서 자동으로 스크롤뷰를 채우는군요. 아무래도 놀부가 처세술이 더 나은가 봅니다 :) 어떻게 하는지 보도록 할까요? 이제 성탄 시즌이니만큼 경쾌한 찬양곡 공유 드립니다. 취향 맞으시면 들어보시면서 읽어내려가는 걸 강추드립니다 :) ScrollView(스크롤뷰)의 이름 명명 먼저 스크롤뷰의 이름을 지어주어야 합니다. UI Builder(빌더) 창를 열어1) ScrollView 화면요소를 선택, 2) Inspecto.. 더보기 유니티3D의 UI Toolkit (5) - 스크롤 UI 유니티 3D 의 UI Toolkit 에는 아래와 같은 스크롤 화면을 구성할 수 있는 UI 가 있는데요. 오늘은 해당 부분을 알아보도록 하겠습니다. 크리스마스 시즌이 다가오는 군요. 신나는 CCM 성탄 음악 영상 하나 공유드립니다. 글만 읽기 지루하다면 음악과 함께 들어보시면 어떨까요? 독자 여러분의 깊은 영혼의 샘을 회복하는데 도움을 드릴 것입니다 :) Scroll View ( 스크롤 뷰 ) 사용하기 적은 공간에 많은 요소를 표시하는데 있어서 Scroll View 만한 것이 없지요. Scroll View 란 스크롤바가 포함된 화면 요소를 말하는데요. 우선 UI Toolkit으로 배경창을 배치하는 부분은 적용했다고 보고 시작하겠습니다. UI Toolkit 에서 배경창 배치하는 부분은 아래 게시글을 참고해 .. 더보기 유니티3D의 UI Toolkit (4) - 버튼 클릭 이벤트 오늘은 지난 게시글에 이어 버튼 클릭시 이벤트를 발생, 텍스트 글자가 바뀌는 부분을 다뤄보겠습니다. https://itadventure.tistory.com/642 유니티3D의 UI Toolkit (3) - 배경창에 UI 배치하기 한글 폰트가 아쉬워, 유니티의 UI 툴킷을 살펴보는 중 한가지 아쉬운 소식을 전해드리자면, 미려한 예쁜 한글 폰트가 제대로 적용이 안된다는 것입니다. ( 유니티 2022. 3. 9f1 버전 기준 ) 물론 아직 itadventure.tistory.com 그리 다룰 부분은 많지는 않은데요. 짧게 마치도록 하겠습니다 :) 네이밍이 필요해 스크립트로 UI 요소를 제어하려면, 각 UI 요소마다 이름을 붙여 주어야 합니다. 배경창에 Popup 이라고 이름 지어주었듯이, Label(레이블).. 더보기 유니티3D의 UI Toolkit (3) - 배경창에 UI 배치하기 한글 폰트가 아쉬워, 유니티의 UI 툴킷을 살펴보는 중 한가지 아쉬운 소식을 전해드리자면, 미려한 예쁜 한글 폰트가 제대로 적용이 안된다는 것입니다. ( 유니티 2022. 3. 9f1 버전 기준 ) 물론 아직 알아내지 못한 것일수도 있지만요. 유니티에는 Font Asset Creator 라는 폰트를 이미지로 생성하는 도구를 사용할 수 있는데요. 이 도구를 이용하면 미려한 한글 폰트를 이용하는 방법은 있습니다만, UI Toolkit 에서는 이를 100% 활용할 수 없다는 점입니다. UI에서 사용하는 한글의 글자수가 적은 경우는 문제가 없으나, 사용하는 글자수가 조금만 많아지면 한글전체가 나오지 않는 것으로 보아 아직 영어 외에는 제대로 폰트 지원이 안되는 문제가 있는 것 같습니다. 그 점 고려하셔서 실무 .. 더보기 유니티3D의 UI Toolkit (2) - 한글 사용하기 UI 편집을 마치 비주얼 툴처럼~ 마치 HTML처럼~ 지난 게시글에 이어 UI 툴킷에서 한글을 사용하는 방법을 알아보겠습니다. https://itadventure.tistory.com/632 유니티3D의 UI Toolkit (1) - 기본세팅과 '배경 창' 꾸미기 유니티 엔진의 UI 툴킷 ! UI 편집을 마치 비주얼 툴처럼~ 마치 HTML처럼~ 편집하는 기술이 있어서 흥미로와 조사해 보았습니다. 아직은 완전 편하지는 않지만 기능이 발전하기를 기대하며 말이지요 itadventure.tistory.com UI Toolkit 은 기본적으로 초기 설정에 영문만 사용이 가능한데요. 한글을 사용하려면 UI Toolkit 의 uss 스타일 시트를 사용해야 합니다. Unity 의 css 라는 의미에서 uss 라는 이름.. 더보기 이전 1 다음
