ios 스크롤뷰 예제

iOS 휴먼 인터페이스 가이드라인은 확대 및 축소할 수 있는 더블 탭을 정의합니다. 그러나 이것은 몇 가지 제약 조건을 가정합니다 : 보기에 단일 수준의 줌이 있음을 가정합니다 (예 : 두 번 탭으로 최대 확대/축소까지 내용을 확대하고 다른 탭은 mimimum으로 축소하는 사진 응용 프로그램에서) 또는 연속된 더블 탭이 확대됩니다. 최대 양과 도달하면 다음 두 번 탭하면 전체 화면 보기로 다시 확대됩니다. 그러나 일부 응용 프로그램은 탭 투 줌 기능을 다룰 때 보다 유연한 동작이 필요하며, 그 예로 는 Maps 응용 프로그램입니다. 지도는 확대를 위해 두 번 탭을 지원하며, 추가 더블 탭은 추가확대를 지원합니다. 연속적인 양을 축소하기 위해 지도는 두 손가락 터치를 사용하여 손가락을 함께 가깝게 하여 문서 개요의 스테이지로 축소합니다. 스크롤 보기를 선택하고 편집기로 이동 > 자동 레이아웃 문제 해결 > 모든 보기 > 누락된 구속조건을 추가합니다. 이렇게 하면 다른 뷰에 제약 조건이 추가됩니다. 앱을 실행하면 이전처럼 세로로 스크롤할 수 있지만 컨테이너 보기에서는 콘텐츠를 가로로 스크롤할 수 있습니다. 아래 예제에서는 뷰 컨트롤러 뷰의 배경 색을 색상 지우기로 설정합니다. 완성된 예제를 보려면 프로젝트에 대한 리포지토리를 참조합니다. 위의 코드에서는 사용자가 두 번 탭할 때 를 인식하는 제스처 인식기를 scrollview에 추가합니다. 그런 다음 현재 확대/축소 수준에 따라 확대 또는 축소하여 이 문제를 처리합니다.

조정된 콘텐츠 오프셋을 결정하는 동작입니다. 스크롤 보기 덕분에 이제 스 와이프하여 전체 크기 이미지를 볼 수 있습니다! 그러나 장치 화면에 맞게 조정 된 그림을보고 싶다면 어떨까요? 또는 확대 및 축소하려는 경우 어떻게해야합니까? 이미지 뷰는 기본 보기의 하위 보기로 추가되는 스크롤 뷰의 하위 보기로 추가됩니다. 이렇게 하려면 스크롤 뷰 및 이미지 뷰 크기의 비율을 사용하여 mimimum 배율 계수를 계산합니다. 스크롤 뷰를 다른 스크롤 뷰 내에 중첩할 수 있습니다. 이 중첩은 방향과 같거나 교차 방향일 수 있습니다. 자습서의 이 부분에 대한 코드 파일의 경우 제공된 NestedScrollView 시작 프로젝트를 사용합니다.