GoodYoda's Story

디자인 작업 및 개발을 하다보면 뷰(View)의 좌표에 대하여 알아야 할 경우가 있습니다. 또한 디자이너가 이미지의 좌표를 명시해야 할 경우에는 , 부모 뷰의 좌표 시작점을 기준으로 Frame 좌표값을 나타내어야 하는데, 그와 관련된 뷰의 좌표 속성들에 대하여 조금 알아보았습니다.

#1. View의 x,y 축 기준점:

iOS의 좌표는 아래의 그림과 같인 좌상단을 기준으로 x,y 축이 시작된다.

베터리와 시간이 표시되는 상태바가 있는 경우의 View는 스크린상의 절대좌표 y축 20포인트가  y축 시작인 0포인트가 되고, 20포인트가 제외된 460포인트의 높이를 갖는다.

\

#2. Frame 과 Bound의 차이

Frame: 스크린 or 부모 View의 시작점 기준으로부터의 절대위치 ( x, y, width, height)

Bound: 자신을 기준으로한 크기를 나타냄.

#3. 애니메이션을 사용되는 좌표 및 속성의 종류

- Frame : 위치와 크기를 변경할 때 사용

- Bounds : 크기만 변경할 때 사용

- center : 위치만 변경할 때 사용

- transform : 회전이나 비율을 변경할 때 사용

- alpha : 투명도를 변경할 때 사용

- backgroundColor : 배경색을 바꿀 때 사용

- contentStretch : view의 contents 를 늘릴 때 사용

출처