IOS 애니메이션 - 인형 이해하기

다행스럽게도 iOS 애니메이션과 관련하여 필요한 대부분의 작업은 이미 프레임 워크에 내장되어 있습니다. 일부 뷰 속성은 애니메이션으로 표시 할 수 있습니다 (예: 중심점). 즉, 시작 위치와 종료 위치 및 몇 가지 다른 선택적 매개 변수를보기 만하면됩니다.

뷰 자체 (UIView 기본 클래스)에는 이동을 애니메이션화하는 기능이 있습니다. 그러나 iPhone과 iPad의 애니메이션이 어떻게 작동하는지 이해할 수있는 컨텍스트를 제공하려면 프레임 워크에서 애니메이션 작업을 처리 할 때 상황을 이해해야합니다.

지오메트리 및 좌표계보기

UIKit의 기본 좌표계는 원점을 왼쪽 위 모서리에 배치하고 원점에서 오른쪽 아래로 확장되는 축을가집니다. 좌표 값은 부동 소수점 숫자를 사용하여 표시되며 화면 해상도에 대해 걱정할 필요가 없습니다. 프레임 워크는 자동으로 처리합니다.

그림은 iPad 화면을 기준으로 한이 좌표계를 보여줍니다. 화면 좌표 시스템 외에도보기는 자체 상대 좌표를 정의하여 화면에 상대적이 아닌보기를 기준으로 좌표를 지정할 수 있습니다.

iPad 화면의 좌표계 (분할보기 포함).

모든 뷰와 윈도우는 자체 로컬 좌표계를 정의하기 때문에 좌표를 그리거나 처리 할 때마다 사용중인 좌표계에주의를 기울여야합니다. 그것은 불길한 것처럼 들리지만 좌표계로 작업하는 리듬에 들어가면 큰 문제는 아닙니다.

픽셀 대 포인트

좋습니다. 그렇다면 고해상도 디스플레이는 어디서 들어 옵니까?

iOS에서 모든 좌표 값과 거리는

점으로 언급 된 단위로 부동 소수점 값을 사용하여 지정됩니다. 포인트의 측정 가능한 크기는 장치마다 다르며 크게 관련이 없습니다. 포인트에 대해 이해해야 할 주요 사항은 그리기를위한 고정 된 참조 프레임을 제공한다는 것입니다. 예를 들어, iPhone 4의 화면 크기 (너비 x 높이)는 480 x 320

점 이고 iPad의 경우 1024 x 768 점입니다. Retina 디스플레이가 장착 된 iPhone 4s는 960 x 999 픽셀

해상도 (인치당 픽셀 수 326 픽셀 [ppi])이고 비 망막 디스플레이의 해상도는 480 픽셀이며, (163 ppi)로 화면 크기 에 맞게 인터페이스를 설계하면 보기가 해당 장치 유형에서 올바르게 표시됩니다.동일한 원칙이 iPad의 비 망막 및 망막 디스플레이에도 적용됩니다. 여기에있는 테이크 어웨이는 "해결책에 대해 걱정하지 마십시오. 포인트에 집중하면 괜찮을거야. " 뷰의 크기 및 위치 좌표계에서 뷰 객체의 위치는 프레임 또는 해당 가운데 속성을 사용하여 결정됩니다. frame 속성에는 프레임 사각형의 크기와 위치를 지정하는 프레임 사각형이 포함됩니다.

에서 슈퍼 뷰의 좌표계를 볼 수 있습니다.

center 속성은 수퍼 뷰의 좌표계에서

뷰의 알려진 중심점을 포함합니다.

• 방황하면 언젠가 경계 재산이 생길 수 있습니다. 뷰의 자체 로컬 좌표계

• 에서 뷰의 크기 (및 내용 원본)를 지정하는 경계 사각형과 연결됩니다. 이 그림은 원점이 x = 0이고 y = 20 인 iPad의 기본보기 (이미지보기가 아님)의 프레임을 보여줍니다. 크기는 너비 = 320 및 높이 = 460으로 표시됩니다. 원점이 y = 20에서의 프레임 좌표는 프레임 좌표 (슈퍼 뷰)이며, 20 픽셀 높이로 추측 할 수있는 상태 표시 줄과 창을 공유해야합니다.