https://www.youtube.com/watch?v=XmLDDoZTeWs&list=PLiSlOaRBfgkcPAhYpGps16PT_9f28amXi&index=17

오늘은 인벤토리에서 슬롯을 클릭했을 때 가지고 있는 아이템리스트가 뜨는 기능을 구현해볼 것이다.

 

1. 아이템리스트가 나올 UI 

아이템 리스트캔버스에 검은색 이미지 배경이미지와 Vertical Box를 추가해준다. 

UI구성

2.장착 슬롯에 OnclickEvent 추가해주기

장착 슬롯을 클릭했을 때 가지고 있는 장비 목록이 뜰 수 있도록 해준다.  

뜰 때 마우스 클릭한 곳에서 UI가 뜨도록 만들어준다.

Equipment_Slots Onclick Event

만약 버튼이 아닌 다른 곳을  누른다면 해당 리스트가 사라지도록 해준다.

리스트패널 사라지게 하는 기능

 

3.아이템 리스트 가져오고 Item Slot에 추가해준 뒤 Vertical Box의 자식으로 위젯 만들어주기\

BPC_EquipmentSystem에서 아이템 리스트를 가져온 뒤 가진 아이템의 수에 맞게 Vertical Box의 자식으로 추가해줘 리스트에서 보일 수 있게한다.

위젯초기화 흐름도

4. 아이템 슬롯 UI

아이템 리스트에 아이템당 하나의 슬롯을 가지게 되는데 이 슬롯UI는 

캔버스/Horizontal Box,버튼/이미지, 텍스트 구성으로 무기의 아이콘, 이름 그리고 아이템슬롯이 클릭 가능하게 하였다.

아이템 슬롯UI
Horizontal Box에서 각 요소는 채우기를 해주어야 클릭 시 모든 요소가 클릭표시가 될 수 있다.

+ Recent posts