📖 상세 내용

• Mask 컴포넌트 활용
  1. 마스크(빨간색) 컴포넌트 만들고
  2. 마스크의 child로 tr_contents를 만들고
  3. tr_contents의 child로 콘텐츠들(text1, 2, 3 …) 만든 후
  4. tr_contents의 position을 이동하며 슬라이드 기능 구현

⬇️

⬇️

*Text1 에서 Text2로의 슬라이드 기능 예시

• 레이아웃을 위한 Content Size Fitter와 Horizontal Layout Group cf)Vertical과 Grid Layout
  • Content Size Fitter
    • Preferred Size : 상황에 맞게 “나”의 너비와 높이가 조정됨(이 때 pivot 설정 중요)
    • Unconstrained : “나”의 너비와 높이는 무조건 고정
  • Horizontal Layout Group : child의 레이아웃을 컨트롤 함

    • Padding, Spacing은 그대로 해석하면 됨

    • Child Alignment는 사용 가능한 공간을 모두 사용하지 않았을 경우에 고려됨

    • Use Child Scale은 child의 rect transform 컴포넌트에 있는 scale을 고려해서 조정함

    • Control Child Size는 자식 레이아웃 요소의 너비와 높이를 제어할지 여부 결정

    • Child Force Expand는 사용 가능한 공간을 채우록 자식 레아이웃을 강제로 확장함

      (1. Child Force Expand와 Control Child Size는 주로 같이 사용하여,

      1. Content Size Fitter가 Preferred Size 아닐 때(Preferred Size 경우 이미 공간이 차 있어서 효용성이 별로 없음)
      2. tr_contents의 공간을 자식들로 꽉 채울 때 사용할 수 있음)

💡기억할 핵심 코드