> iPhone-iPad > iOS 개발에 사용되는 주요 컴포넌트 크기.

iOS 개발에 사용되는 주요 컴포넌트 크기.

iOS개발을 진행하며 화면에 표시되는 주요 컴포넌트에 대한 크기를 조금 막연하게 알고 있는 경우가 있어 정리해 봅니다.
나중에 기회가 되면, 이미지로 설명하겠습니다.
아래 내용에서 레티나 디스플레이의 경우는 모두 두배를 해 주어야 합니다. 통신사가 보이는 상태표시줄은 20px 입니다.

* 아이폰
1. 스크린 사이즈
– 세로 : 320 * 480 px
– 가로 : 480 * 320 px
2. 네비게이션바
– 세로 : 높이 44 px
– 가로 : 높이 32 px
3. 네비게이션바 버튼
– 세로 : 높이 30 px
– 가로 : 높이 24 px
4. 네비게이션바 버튼 내부 이미지
– 약 20 * 20 px
5. 툴바 : 높이 44 px
6. 툴바 버튼 : 높이 30 px
7. 툴바 버튼 내부 이미지 : 20 * 20 px
8. 탭바 : 높이 49 px
9. 탭바 이미지 : 30 * 30 px

* 아이패드
1. 스크린 사이즈
– 세로 : 768 * 1024 px
– 가로 : 1024 * 768 px
2. 네비게이션바 / 툴바 : 높이 44 px
3. 네비게이션바 버튼 / 툴바 버튼 : 높이 30 px
4. 네비게이션바 버튼 이미지 / 툴바 버튼 이미지 : 20 * 20 px
5. 탭바 : 높이 49 px
6. 탭바 이미지 : 30 * 30 px
7. 리스트 뷰

참고, 아이패드에 개발시에 필요한 이미지 종류를 정리해 둔 자료가 있습니다. 참고하세요. 링크 : http://goo.gl/efCkT

  1. 댓글이 없습니다.
  1. No trackbacks yet.

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중

%d 블로거가 이것을 좋아합니다: