Patrick's 데이터 세상

iOS - 스크롤 뷰 본문

Programming/Swift

iOS - 스크롤 뷰

patrick610 2020. 6. 23. 00:37
반응형
SMALL

스크롤 뷰


   
   
스크롤 뷰 사용 목적

      뷰의 크기보다 더 큰 크기가 필요한 컨텐츠 출력



   스크롤 뷰의 기능

      확대/축소, 스크롤
      키보드 감추기
      페이징 기능



   스크롤 뷰를 사용하기 위한 뷰 구조

      스크롤 뷰의 자식뷰(스크롤, 확대/축소 기능)
      스크롤 뷰와 형제 뷰(스크롤, 확대/축소 없음)


   
   스크롤 뷰 속성

      Indicators : 스크롤 바
      Scrolling : 스크롤 관련 기능 (페이징)
      Bounce : 모서리에서 튕기는 효과
      Zoom : 최소 최대
      


   스크롤 이벤트

      스크롤 뷰 델리게이트 : UIScrollViewDelegate


   
   스크롤 뷰 확대 축소 기능


      1. 델리게이트 - 뷰 컨트롤러 연결


      2. func viewForZooming() 추가

      3. ScrollView 확대 배율 입력

 

 


스크롤 뷰와 키보드


   

   

 

   키보드 감추기 설정

      Dismiss on drag - 키보드가 나타난 상태에서 스크롤을 위, 아래로 움직이면 사라짐
      Dismiss interactively - 키보드가 나타난 상태에서 스크롤 제스쳐에 따라 사라지지 않게 함

 

   키보드에 맞춰서 스크롤 하기


      키보드가 나타나면

         컨텐츠 영역 조절 : contentInset
         스크롤 바 영역 조절 : scrollIndicatorInsets
         키보드에 가려진 최초 응답 객체 이동


      키보드가 사라지면

         컨텐츠 영역, 스크롤 바 영역 원래대로

 

   키보드에 따른 컨텐츠 영역 조절


      컨텐츠 영역 조절

         키보드 높이까지 컨텐츠 영역 조절

let inset = UIEdgeInsets(top: 0, left: 0,
   bottom: keyboardRect.height, right: 0)
scrollView.contentInset = inset

 

         컨텐츠 영역 원래대로

scrollView.contentInset = UIEdgeInsets.zero

 

 

   

반응형
LIST

'Programming > Swift' 카테고리의 다른 글

iOS - 앱 구조와 스토리보드  (0) 2020.06.24
iOS - 목록형 씬  (0) 2020.06.24
iOS - 다이얼로그와 피커  (0) 2020.06.23
iOS - 글자 입력 컨트롤  (0) 2020.06.23
iOS - 인터렉티브 씬  (0) 2020.06.23