Retina 및 Non Retina 디스플레이 모두를위한 그래픽 지원

Question

망막 및 비 망막 디스플레이에서 그래픽을 올바르게 지원하려면 어떻게해야합니까? 나는 치수 640 * 920의 배경 이미지를 가지고 있는데, 망막 디스플레이라고 생각합니다. 하지만 난 320 * 480 치수가 아닌 비 망막 디스플레이를 지원하기 위해 어떻게 갈 것인가? 그래픽 리소스를 어떻게 구성합니까? 나는 "Art"라고 불리는 그룹을 모든 그래픽 (지금은 망막 디스플레이 차원을위한 모든 것)을 가지고 있습니다. ios가 내 그래픽을 자동으로 비 망막 디스플레이로 스케일 다운합니까? 나는 하나의 버튼을 망원 디스플레이의 절대 위치에 대한 뷰로 드래그하는 것과 같이 하나의 쿼리를 추가로 가졌습니다. 320 * 480의 크기를 갖는 장치에서 적절한 위치에 자동으로 조정됩니까? 화면 크기/해상도를 모두 처리하는 방법에 대한 좋은 온라인 팁이 있습니까? 나는 아직 Google에 적절한 정보를 찾지 못했습니다.

참고 : Xcode 4.3.3을 사용하고 스토리 보드를 사용하고 있습니다.

Gracias.

Answer 1

각 이미지마다 두 가지 버전을 만들어야합니다. 예를 들어, 망막 이미지가 544x151 인 경우 'background@2x.png'라고 말하면 비 망막 디스플레이의 경우 'background.png'로 272x75 버전을 만듭니다.

모든 망막 이미지를 접미사 "@ 2x.png". OS는 @ 2x 이미지를 망막 장치에 자동으로 표시합니다. 그래서 결론 :

272x75는 "background.png" 544x151이 또한 망막 장치와 아이콘이 호환되도록하는 올바른 방법입니다

"background@2x.png"될 것입니다. 그냥 114x114 (아이폰) 또는 144x144 (ipad)를 만들고 이름을 "icon@2x.png"로 지정하십시오.

Answer 2

"@ 2x.png"접미사로 망막 이미지의 이름을 지정해야합니다.

그래서 "pic.png"이미지가있는 경우 이는 망막이 아닌 이미지이고 "pic@2x.png"는 망막 스케일이어야합니다. storyboard/xib/UIImage에 넣을 때 "pic.png"이미지를 선택하고 @ 2x 이미지는 선택하지 않아야합니다.

스토리 보드 기반 이미지는 필요한 경우 자동으로 망막 이미지를 선택합니다.