본문 바로가기

Unity/UI

(2)
[Unity] UI 순서 우선순위 문제 인벤토리 구현 도중, 우선순위와 관련한 문제와 맞닥뜨렸다. 그냥 오브젝트였다면 Sorting Layer를 조절해 해결했겠지만, UI의 Image 컴포넌트엔 그런 게 없었다. 아래 방법을 시도해봤으나 실패했고, 다양한 시도를 하며 해결법을 공유하려 한다. z축 조절 Layer 변경 결론만 빠르게 보고 싶다면 스크롤을 내려 결론 탭을 찾아가면 좋다. 환경 우선 문제 발생 당시 인벤토리 환경은 다음과 같았다. 하나의 캔버스 내에 인벤토리에 Grid Layout Group을 넣고, 그 아래 슬롯 오브젝트를 30개 배치했다. 모두 같은 오브젝트며, 슬롯은 아이콘을 띄울 Slot Item과 상세정보를 띄울 Info가 순서대로 배치돼있다. Info는 Slot의 자식 오브젝트이기에 캔버스를 분리할 순 없었다. 시..
[Unity] 9-Slicing Sprites - 하나의 이미지로 여러 UI 디자인하기 먼저 스프라이트를 적용할 버튼을 만들겠습니다. 그다음, 그려둔 UI를 Project 창에 임포트합니다. 저는 미리 그려둔 파일을 가져왔습니다. 가져온 이미지를 선택하고, 인스펙터 창의 Sprite Mode 아래 Sprite Editor 버튼을 눌러줍니다. 처음 열어보면 이미지가 이렇게, 하나로 나타나게 됩니다. 여기서 상하좌우에 있는 초록색 네모를 드래그하거나, 아래쪽 Border의 L/T/R/B에 값을 넣으면 초록색 선이 생깁니다. 이 선들은 이미지를 나눌 경계를 뜻하며, 오른쪽처럼 전부 했다면 이미지는 총 9칸으로 나눠지게 됩니다. (Sprite Mode를 Multiple로 설정할 때와 달리, 이미지가 여러 장이 되지는 않습니다.) 위쪽의 Apply를 눌러 저장하고 닫아줍니다. 이제 하이어라키 창에서..