[IOS][SWIFT] ImageView 사진을 PageControl로 보여주기!

오늘도 공부를 시작하면서 어떤 글을 써볼까 고민하다가

ScrollView를 이용해서 PageControl하여 인스타 사진 보여주기와 비슷한 화면을 만들다가

우선적으로 ImageView로 PageControl을 해보고 내일 ScrollView를 이용하여 글을 작성해보겠습니다!

 

우선 오늘 내용은 간다하여 간단한 코드와 Gif파일로 보여드리겠습니다 먼저, UI 그린것입니다!!

 

저기 두부는 제가 기르는 강아지 이름입니다! 오늘은 두부 사진 4개로 이미지뷰를 만들어보겠습니다.😁

 

코드도 함께 보시죠!!🤗

 

먼저 두부사진을 프로젝트에 넣어주고 그 사진들의 이름을 배열에 담아줍니다!

 

화면이 그려지기 전을 이야기하는 viewDidLoad에서 첫 이미지를 선언해준 배열중 가장 첫번째 이미지를 지정해줍니다!

 

contentMode를 .scaleAspectFill로 지정해준 이유는 사진이 각자 크기에 따라 여백이 많이 생겨서 지정해줬습니다!

(지정시 이미지가 잘릴수 있습니다!)

 

그 뒤론 pagecontrol 설정들을 지정해줍니다!

처음 numberOfPages는 몇개의 페이지를 Control할껀지 알려주는것인데 제가 지정한 사진의 갯수로 지정했습니다

 

만들어서 확인결과 backgroundColor가 없어서 잘 보이지 않았기 때문에 회색으로 지정해줬습니다!

 

pageIndicatorTintColor = 아직 선택되지 않은 페이지 색,

currentPageIndicatorTintColor = 선택되어 있는 페이지 색을 지정해 줄수 있습니다!

currentPage = 선택되어있는 페이지를 처음으로 지정해줍니다.

 

마지막으로 ChangePage라는 액션 함수를 만들어주고 Page가 바뀔때의 액션을 지정해줬습니다!

 

결과를 시뮬레이터로 보니

 

오늘 해본 기능은 pagecontrol를 좌우로 클릭해서 사진을 넘겨보았는데요! 👏

 

내일은 ScrollView와 PageControl을 이용해서 두부의 사진을 넘겨보도록 하겠습니다!☺️ ☺️