[IOS] UIScrollView에 레이블(Label)과 이미지(Image)를 추가

UIScrollView에 레이블(Label)과 이미지(Image)를 추가하려면 다음 단계를 따를 수 있습니다:

  1. UIScrollView 추가: 스토리보드에서 UIScrollView를 추가합니다. UIScrollView는 기본적으로 컨텐츠를 스크롤할 수 있는 영역을 제공합니다.

  2. 컨텐츠 뷰 추가: UIScrollView 내에 컨텐츠를 담을 컨텐츠 뷰(Content View)를 추가합니다.

    • UIScrollView에 우클릭하여 “Content View”를 선택하거나, “Object Library”에서 “View”를 드래그하여 UIScrollView 내에 추가합니다.
  3. UILabel 추가: 컨텐츠 뷰에 UILabel을 추가합니다.

    • “Object Library”에서 “Label”을 드래그하여 컨텐츠 뷰 내에 UILabel을 추가합니다.
    • UILabel의 텍스트를 원하는 내용으로 설정합니다.
  4. UIImageView 추가: 컨텐츠 뷰에 UIImageView를 추가합니다.

    • “Object Library”에서 “Image View”를 드래그하여 컨텐츠 뷰 내에 UIImageView를 추가합니다.
    • UIImageView에 이미지를 설정합니다.
  5. 컨텐츠 뷰 제약 조건 설정: 컨텐츠 뷰의 제약 조건을 UIScrollView에 맞게 설정합니다.

    • 컨텐츠 뷰를 UIScrollView에 꽉 차도록 제약 조건을 설정합니다. 예를 들어, 컨텐츠 뷰의 Leading, Trailing, Top, Bottom 제약 조건을 UIScrollView와 같게 설정합니다.
  6. UIScrollView의 컨텐츠 크기 설정: UIScrollView의 컨텐츠 크기를 컨텐츠 뷰에 맞게 설정합니다.

    • 스토리보드에서 UIScrollView의 “Content Size”를 컨텐츠 뷰의 크기에 맞게 설정합니다.
    • “Content Size”의 너비를 컨텐츠 뷰의 너비와 일치시키고, 높이를 컨텐츠 뷰의 높이와 일치시킵니다.

이렇게 하면 UIScrollView 내에 UILabel과 UIImageView가 추가되어 스크롤 가능한 컨텐츠가 생성됩니다.