준코딩

(ios/Swift) ScrollView 사용하기 본문

프로그래밍/IOS (Swift)

(ios/Swift) ScrollView 사용하기

Ljunhyeob - App Dev 2022. 12. 22. 14:39

Xcode : 14.2v

사용언어: Swift , StoryBoard

깃허브주소: https://github.com/Ljunhyeob/ScrollView

 

 

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

 

2.원하는 크기만큼 스크롤뷰를 맞추고

 

3.우측 하단 오토레이아웃을 설정해줍니다 저는 부모뷰와 같은 크기로 할꺼기 때문에 0 0 0 0 으로 맞추었습니다.

 

4.맞추고나면 이렇게 빨간불이 들어오는데 정상입니다.

 

5.그리고 스크롤뷰 위에 View하나를 생성해줍니다.

 

6. 생성한 view는 ScrollView와 크기를 맞춰주세요.

 

7.마찬가지로 생성한 view도 오토레이아웃을 스크롤뷰에 걸어줍니다.

 

8. 방금 생성한 뷰를 가장 최상위에 있는 뷰에 우클릭 드래그로 이어줍니다.

 

9.widths 와 heights 를 선택하고

 

10. 최상위 뷰 오토레이아웃 설정에서 height선택하시고 우측 에서 Priority 를 1000(기본값) 을 250 으로 수정합니다.

 

11. 그리고 viewContorllerScene을 누르셔서  우측 시뮬레이티드 사이즈를 fixed되어있는걸 freeForm 으로 변경하시고  height을 원하는 길이 만큼 설정해 줍니다.

12. 그럼 이렇게 스크롤뷰 화면이 생성되었습니다. 

(이 상태로 실행하시면 스크롤이 필요없는 화면이기때문에 스크롤이 되지 않습니다. 필요한 만큼 늘어나기 때문.)

 

13. 그래서 상단과 하단에 라벨 하나씩 추가해주고  (오토레이아웃 설정 해줘야합니다. 안하거나 잘못하시면 스크롤 안됩니다.)

 

14. 오토레이아웃 설정을 끝내면 아무런 오류 없이 이렇게 완성입니다.

 

 

15. 아래는 완성된 사진.

Comments