ColorPuzzle BackGround 비율 문제 해결

문제 인식

최근에 안드로이드 빌드를 진행하면서 비율 문제가 눈에 좀 보였다.

문제 인식

• 오른쪽이 짤려 있다.

원인 분석

사실 처음 제작할 때, 부터 비율 문제를 고려해서 Rect Transform 컴포넌트의 앵커와 레이아웃을 이용해서 배치 했다.

앵커와 레이아웃을 사용한 UI 제작

그럼에도 저렇게 잘려 보이는 것은 LobbyScene에 배치한 BackGround의 문제였다.

1920x1080기준으로 셋팅된 GridLayoutGroup

• 해당 BackGround는 GridLayoutGroup 컴포넌트를 사용했는데, Cell 크기가 고정 비율이기 때문에 발생한 문제였다.

해결 방법

그래서 화면 비율을 계산해서 Cell 크기를 다시 정해주는 코드만 추가하면 되겠다고 생각했다.

BackGround

• 그리드 배치가 4:3으로 고정 값이므로 상수로 정의해 주었다.

• 그리고 Cell 간의 간격인 spacing 값을 포함해서 계산을 해 주었다.

테스트

실행 전

실행 후

• 제작 기준은 1920x1080으로 제작하였으나 2560x1440도 비율이 잘 맞게 되었다.