본문 바로가기
iOS Swift/Study

Swift codebase UI 그리기 ScrollView 넣기!

by 야고이 2024. 4. 25.
728x90
let scrollView = UIScrollView()
let contentView = UIView()

스토리 보드로 그릴때 스크롤뷰 하위에 contentView가 있던게 생각나서 넣어줌

view.addSubview(scrollView)
scrollView.addSubview(contentView)

 

addsubview 도 물론 넣어주고

여기서 중요한건

스크롤뷰는 view 안에 넣어줘야한다 view 는 우리한테 보여지는 딱 화면 크기만큼을 뜻한다

contentView 는 스크롤뷰 안에 넣어준다

 

그리고 안에 들어갈 모든 요소는 contentView 에 addsubview 해줘야함!!

 

scrollView.snp.makeConstraints {
    $0.top.equalToSuperview().inset(40)
    $0.horizontalEdges.equalToSuperview()
    $0.bottom.equalToSuperview()
}

contentView.snp.makeConstraints {
    $0.width.equalToSuperview()
    $0.leading.trailing.top.bottom.equalToSuperview()
}

오토 레이아웃 잡아주기. snapKit 을 사용하는데 축약 버전으로 작성해 보았다

 

스크롤 뷰는 화면 전체에 잡아줌

스크롤뷰의 슈퍼뷰는 view 이기 때문에 equalToSuperview 로 잡아줬다

화면만큼 쫙쫙 펴줘

 

contentView 도 스크롤뷰만큼의 크기를 원해서 equalToSuperview로 쫙쫙 화면만큼 그려줬음

완성

오렌지색 뷰가 길어서 줄어드는것처럼 보이는데 그냥 위로 올라간것임

728x90

댓글