유니티/UI

Unity Circle Slider UI

민또배기 2022. 4. 18. 11:03
반응형

유니티 버전 : 2020.3.25f1(URP)

작업환경 : Mac (Monterey 12.2.1)

 

Circle UI

위 이이미처럼 원형 모양의 슬라이드 바를 만드는 방법입니다.

이 또한 유튜브에 너무 잘 되어 있어서 ... 사실 보고 따라만 한다면 다 하실 수 있습니다. (코딩 X)

다만 하시기 전에 3D로 프로젝트를 생성하셨다면 2D Sprite 패키지를 다운 받아야 합니다.

 

Window → Package Manager 를 클릭하시고 왼쪽 상단의 Packages를 Unity Registry로 변경하시고 2D Sprite를 다운 받으시면 됩니다.

여기서 핵심은 Slider의 Fill의 Image Type인 것 같습니다. 기본으로 Simple로 되어 있는데, 이 상태로 두면 기존 Slide처럼 좌우로 동작합니다. Filled로 변경한뒤 Fill Method를 Radial 360으로 설정해주시면 쉽게 가능한 듯 합니다.

 

 

https://www.youtube.com/watch?v=AyuQXfgVk3U 

반응형

'유니티 > UI' 카테고리의 다른 글

유니티 텍스트 메쉬 프로(Text Mesh Pro)한글 사용하기  (0) 2023.03.07
유니티 UI - infinite scroll  (0) 2022.05.24
Unity TabMenu  (0) 2022.05.16
유니티 이중 스크롤 뷰  (0) 2022.04.18
유니티 Swipe Menu(Carousel) UI  (0) 2022.04.07