과학기술블로그

1. 이미지 분리

Texture Type > Sprite

Sprite Mode > Multiple

Sprite Editor > Slice > Cell Size  34*34 >Apply

34*34 크기로 쪼개진다.

2. 캔버스 제작

**앵커포인트는 영역내에서 사이즈 변화 한정한다.

변화그림

**pivot위치에 따라 resize방향결정됨

set Native button 누르면 크기에 맞춰서 자동조절

3. 정렬

SlotList > Slot

component > Layout > Grid layout

단위 크기 Padding margin left , top 5 설정 후  Ctrl+D로 여러개 복사

Cell Size > 40 * 40

Child 정렬 Child Alignment > Middle Left

여백 Spacing > 2

4. Drag 스크립트 작성

IDragHandler > refactoring

5. Drag하면 정렬 (Parent를 Inventory로 교체)

*Parent - Childe 관계는 한계층씩만 인정됨 

padding margin left , top 5 설정

아래와 같이 Drag시작하면 ItemList에서 나온다.

6. Drop설정

Slot설정

Component > grid layout group

cell size > 40*40

Child alignment > middle center

Item설정

component > Layout > Canvas Group

Drop 스크립트 작성

이제 실행 해보면 아래처럼 드래그한 아이템이 Slot 중앙에 맞게 정렬된다.

**슬롯 중앙에 들어가지만, 중복되어서 들어가는 문제가 발생한다.

7. 아이템슬롯 중복 문제 해결

Drop스크립트 수정 > 슬롯 내에 Child 하나만 있도록 수정

이제 중복도 안되고 하나씩 들어간다.