유니티 (Unity) 자동 줄바꿈 flowlayout extention

파이어베이스 Firebase 푸시 PERMISSION_DENIED SOLVED!
안드로이드 스튜디오 Firebase - Login(auth) / Push [푸쉬코드적용] (2019.06.03)
유니티 (Unity) UI 삼각형 그리기
유니티(Unity) Firebase Analytics 사용시 Null Error
유니티(Unity) Firebase 추가시 Firebase.Editor.dll not loaded error
유니티(Unity) 빌드시 Firebase 오류

Horizontal layout group

UI 오브젝트를 정렬해 주는 편리한 기능을 수행합니다. 보통 좌우 스크롤 기능이 필요할 때 Scroll Rect의 Content에 Addcomponent 하여 사용해주고 있습니다. 참고로 동적으로 스크롤 영역을 늘리려면 Content에 Content size fitter를 추가하고 수평 스크롤이라면 Horizontal fit을 preferred size로 상하스크롤이라면 Vertical fit을 preferred size로 설정해 주면 내용물에 따라서 크기가 조절됩니다. 

----

----

Flowlayout

UnityExtention 확장 UI로 Horizontal layout group에 줄 바꿈 기능을 추가했다고 보시면 됩니다. 

일정 영역을 정하고 영역을 넘어서는 오브젝트는 하단으로 줄 바꿈 시켜서 정렬해 줍니다.

사용법도 매우 간단합니다.

1. Scroll View를 생성해 줍니다.

2. Content 오브젝트에 FlowLayout을 AddComponent를 통해서 추가해 줍니다. 또한 오브젝트의 숫자에 맞게 Content 영역의 확장을 위해 Content size fitter도 추가해 줍니다.

1번부터 3번까지 증가하다가 영역이 좁아지자 줄 바꿈을 하여 4번이 생성되었습니다. 노랗게 되어 있는 영역이 Content의 영역입니다. Content size fitter를 사용하기 때문에 자동으로 영역이 설정된 모습입니다.

오브젝트 간의 간격과 줄간격을 설정해 주시려면 각각 Spacing X, Spacing Y를 수정하면 됩니다.

Content안에 들어가는 오브젝트의 넓이를 제각기 다르게 해야한다면 각 오브젝트에 Content size fitter를 추가해주면 됩니다.

Unity Extention Package를 다운로드하고 싶으시면 아래링크를 따라가시면 됩니다.

Unity UI Extensions Asset downloads