UI - Scroll View를 사용하여 UI 세로로 나열하기

가끔 Scroll View를 사용하여 리스트 UI를 구현할 때 

세로로 UI가 일정한 간격으로 나열되게 하고 싶을 때가 있다.

그러기 위해선 간단한 세팅이 필요하다.

 

1. Scroll View 구성

• Scroll View > Viewport > Content 구조
• Content 설정:
  • Vertical Layout Group 추가 (Spacing 10)
  • Content Size Fitter: Vertical Fit → Preferred Size
  • Pivot: (0.5, 1), Anchor Min/Max: (0,1)/(1,1)
    ✅ 위에서 아래로 자연스럽게 추가되는 구조 완성

Spacing을 조절하여 오브젝트 간의 간격을 조절할 수 있다.

 

위 설정을 하게 되면 Content안에 UI를 추가 했을 때 일정한 간격으로 생성(나열)되게 된다.

 

 

다음엔 동적으로 Content안에 UI를 생성해보도록 하자.