[Swift/Study] ScrollView사용법

이번에는 스크롤 뷰를 공부해 보았다.

생각보다 사용하기가 까다로운 친구라 많은 블로그를 찾으며 공부하였다.

 

기본적인 기능은 아래 블로그를 참고하였고

https://baechukim.tistory.com/4

[iOS] Swift UIScrollView AutoLayout 스크롤뷰 레이아웃 설정하기

 

 

내가 사용하고 싶은 스크롤 뷰의 기능을 완성하였다!

내가 사용하고 싶은 기능은 동적으로 길어지는 내용에 스크롤을 적용하는 것이다.

 

먼저 빈 뷰 컨트롤러에 스크롤 뷰를 추가해준다.

 

 

스크롤 뷰의 오토레이 아웃을 적용한다.

 

스크롤 뷰 안에 뷰를 넣고 뷰의 오토레이아웃을 설정해줘야 한다.

스크롤 뷰를 추가하면 생기는 두 개의 제약에 맞춰줘야 한다.

Content Layout Guide는 이렇게 맞춰주고

 

 

Frame Layout Guide에는 이렇게 맞춰준다.

(나는 가로 스크롤이 필요하기 때문에 Heights를 같게 해줌)

 

 

그리고 뷰에 내가 사용할 컨텐트를 넣어줘야 하는데 나는 레이블을 넣어주었다.

그리고 레이블의 오토레이아웃을 설정한다.

 

레이블의 위치와 높이를 대충 스크롤 뷰와 맞춰주고

 

레이블을 담고 있는 뷰의 가로길이와 레이블의 가로길이를 같게 해줘야 한다.

이제 레이블의 길이가 늘어나면 뷰도 자동으로 늘어나고
스크롤 뷰의 가로 길이를 넘어가면 스크롤로 전환된다.

 

간단한 버튼과 액션함수를 추가해주고

@IBAction func onAdd(_ sender: Any) {
    label.text! += "안녕하세요"
}

 

 

실행해보면?!

이런 모습이고 스크롤이 생성되지는 않은 상태이다.

 

 

버튼을 통해 레이블을 길게하면?

위와 같이 스크롤 뷰를 구성할 수 있다!