[해결] UGUI의 Scroll View를 사용했을 때, 하단이 짤리는 문제

저번 주에 Scroll View를 이용하여 미션목록을 구현했는데, 계속 맨 하단에 생성되는 미션이 짤리는 현상이 발생했다.

위의 사진처럼 맨 하단에 일부가 짤리는 문제가 있었는데, 어제 다시 만들면서 해결했다.

<그림1>

Mission 1개는 thumb, missionName, gage, stars, rewardIcon, rewardVal, button을 관리하고 있는데,

1번은 그 Mission 1개의 Rect Transform을 보여주고 있다.

<그림2>

그 Mission들을 관리하는 Contents라는 오브젝트가 있다.

2번은 그 Contents라는 오브젝트의 Rect Transform을 보여준다.

Mission들이 추가로 더 생성될 경우 Rect Transform의 크기가 변화한다.

<그림3>

Contents를 가지고있는 ScrollView의 Rect Transform이다.

ScrollView는 어느 범위 내에서 Contents들을 스크롤 할건지 지정한다.

위에서 언급했던 문제가 생긴 이유는,

예시 스크린샷 처럼 2번(Contents의 Rect Transform)이 1번(Mission의 Rect Transform)보다 커야하는데

계속 짤리고, 크기 조정이 불가능 하였다.

문제는 Scale에 있었다. Mission 오브젝트는 여러가지 자식 오브젝트들을 관리하는데

일부 자식 오브젝트들의 Scale이 1보다 작거나, 1보다 큰 상태였다.

그래서 자식 오브젝트들의 Scale을 모두 1로 지정하고, Rect Transform의 Size를 다시 손봤다.

그랬더니 아래처럼 짤리지 않고 정상적으로 출력이 되었다.