2012-02-22 1 views
3

저는 디자이너 등에서 버튼 등을위한 그래픽 파일을 받았습니다. 대부분의 망막 파일은 29 x 30 또는 79 x 61과 같이 홀수 또는 둘 다 차원이 있으며 해당 망막 파일의 크기는 예를 들어 15 x 15 또는 39 x 31입니다. 각 이미지를 고정하는 UIImageView의 크기는 보유하고있는 비 망막 파일의 크기와 정확히 일치하므로 망원이 아닌 전화기에서는 왜곡이없고 모든 것이 잘 보입니다.망막 이미지 (@ 2X)의 크기 (높이/너비)는 항상 2의 배수 여야합니까?

망원경의 경우 이미지가 30 x 30 또는 46 x 80과 같은 크기 일 때만 이미지 (아이콘 등)가 잘 보입니다. 이미지에 홀수 디멘션이있을 때 약간 왜곡됩니다.

망막 이미지의 픽셀 크기는 항상 망막이 아닌 치수의 크기와 망막 이미지를 표시하는 프레임 크기의 두 배가되어야합니까?

답변

4

이름 (@ 2X)이 의미하는 것처럼 실제로 망막 버전은 망막이 아닌 버전의 크기의 두 배라고 가정합니다. 그렇지 않으면, 본 것처럼 왜곡이있을 수 있습니다.

참고로 이것은 표시 프레임과 간접적으로 만 관련이 있습니다. scrollviews 생각.

먼저 망막이 아닌 버전의 UI (반드시 구성 요소 일 필요는 없음)를 설계 한 다음 망막 버전의 크기를 두 배로 늘려달라고 디자이너에게 요청하십시오. 이렇게하면 왜곡 문제가 발생하지 않습니다. 그가 망막을 먼저 디자인 한 다음 모든 구성 요소의 크기를 절반으로 늘리면 이상한 치수로 끝날 것입니다.

아, 그리고 당신의 디자이너에게이 링크를 제공합니다 : 당신의 디자이너가 벡터 그래픽 만 작동하는지

http://www.smashingmagazine.com/2010/11/17/designing-for-iphone-4-retina-display-techniques-and-workflow/

+0

1 배를 먼저 설계 한 후 최대 확장은 좋은 충고입니다. – jackslash

+1

좋은 링크. 훌륭한 기사. – jackslash

+0

@jackslash 저는 디자이너가 960x640 망막을 디자인하지 말고 모든 단일 구성 요소가 비 이상 차원으로 끝나기를 바라는 모든 것을 다시 확장해야한다고 말했습니다. 나는 이것을 반영하기 위해 내 글을 편집했다. 감사! – JiaYow

1

예, @2x이 첨부 된 이미지 파일은 정확히 'non'- retina 이미지 크기의 두 배가되어야합니다 (). 따라서 짝수 개의 치수 만 가져야합니다.

1

그렇게 보일 것입니다.

일반 디스플레이에서 30 포인트 씩 30 포인트 인 뷰를 작성하면 배킹 스토어 (화면에 그려지는 데이터)는 30 x 30 픽셀로 생성됩니다.

백킹 저장소에 단순히 배율 인수가 곱 해져있는 망막 디스플레이에서. 현재 iPhone 4 및 iPhone 4의 경우 축척 비율은 2입니다. 즉, 망막 디스플레이의 보금 창고는 항상 2의 배수가됩니다.

30 포인트 x 30 포인트 뷰는 60 x 60 픽셀의 저장 저장소를 갖습니다. 이미지가 망막 디스플레이에 제대로 표시되지 않으면 @ 2x 이미지가 보조 저장소의 전체 크기 여야하므로 포인트의 뷰 크기가 정확히 두 배가되어야합니다.

관련 문제