[iOS/UI]스크롤뷰 간단하게 적용하기(Simple Use UIScrollView)

안녕하세요 Foma 입니다!

 

이번에 알아볼 건 스크롤뷰입니다.

 

저는 스크롤뷰를 적용하려다 보니 새롭게 바뀐 Content Layout Guide 와 Frame Layout Guide를 고려하니 복잡하고

 

오류가 많이 떴습니다 ㅜ

 

그래서 열심히 찾아본 결과 간단하게 구현하는 법을 알게되었습니다.

 

우선 스크롤뷰를 추가해줍니다.

그리고 Constraints를 모두 0으로 해줍니다.

그러면 이렇게 빨간색 줄이 뜨는데요 당황하지 말고 다음 단계로 넘어갑니다!

그리곤 인디케이터 인스펙터로 가서 노란부분으로 표시된 Content Layout Guides의 체크를 풀어줍니다.

그럼 아주 편안(?)하게 파란색 줄로 변하게 됩니다.

그리고 뷰를 컨텐트를 담당할 뷰를 넣어줍니다.

뷰도 마찬가지로 Contraints를 ScrollView에 각각 0으로 걸어줍니다.

그리곤 ScrollView에 Center Horizontally in Container 제약을 걸어줘 수평가운데로 이동하게끔 합니다.

마지막으로 뷰의 Height를 정해줍니다.

원하는만큼 설정해주면

아래와 같이 뷰의 길이 만큼 늘어나게 됩니다.

알아보기 쉽게 검은색으로 백그라운드 색을 검은색으로 변경하겠습니다.

그리고 실행해보면 아래와 같이 정상적으로 스크롤되는 것을 볼 수 있습니다!!