2012-03-12 4 views
3

이것은 매우 간단한 문제 일 수 있지만 일주일 동안 붙어 있습니다. UIImageView를 사용하여 Dropbox 브랜딩 PNG 이미지를 표시합니다. 인터페이스 작성기에서 제대로 보았지만 iOS 시뮬레이터와 실제 장치 (iPad)에서 강력한 픽셀 화를 쉽게 알아낼 수 있습니다. 여기에 나는 시뮬레이터와 함께 IB의 화면 캡처를 첨부 : 내가 어떤 힌트를 정말 감사하겠습니다iOS 시뮬레이터 및 장치의 UIImageView PNG 픽셀

On the left the IB. On the right the simulator. Notice the pixelation.

.

미리 감사드립니다.

+0

8 비트 또는 24 비트 PNG입니까? –

답변

4

InterfaceBuilder는 iOS 또는 시뮬레이터와 완전히 다른 환경입니다. 레이아웃과 같은 것이 번역되어야하지만, 모든 것이 보이는 방식은 항상 최종 제품에 대해 판단되어야합니다.

이미지가 약간 늘어난 것처럼 보입니다. 이에 대한 이유는 여러 가지가 있습니다. 가장 먼저 확인할 것은 UIImageView의 마스크 크기를 조정하는 것입니다. UIImageViews가 자동 크기 조정을하는 것은 일반적으로 좋지 않습니다. 바로이 이유 때문입니다.

그런데 자동 크기 조정은 하위 뷰가 크기가 바뀌면 하위 뷰가 여전히 적합하게 보이도록 만드는 UIKit의 방법입니다. 하위 뷰를 얼마나 많이 움직이게 할 것인지, 얼마나 늘리 길 원하는지 지정할 수 있습니다. 그것에 대해 읽으십시오 here.

당신이하고 싶은 것은 당신의 시선을 디자인하는 것입니다. 질문에 대답하십시오 :이 이미지를 최종 제품에 얼마나 넣고 싶습니까? - 그 다음 실제 크기의 png를 만드십시오. (또한 망막 디스플레이 크기의 2 배인 @ 2x 변형이 생성됩니다.) 그런 다음 IB로 디자인 할 때 UIImageView도 같은 크기로 만들고 autoresizing 설정이 늘어짐을 금지하도록 설정되었는지 확인하십시오.

이렇게하면 문제를 해결할 수 있습니다.

+1

일반적으로 이미지의 크기를 조정하지 않으려는 경우에는 장치 회전 또는 기타 변경 사항에 대해 이해가되는 경우가 있습니다. 이 경우 iOS는 일반적으로 스크린 샷보다 훨씬 잘 작동합니다. 다시 말해 이미지의 크기가 크거나 작게 나타나는 등 극단적 인 경우에만 일반적으로 볼 수있는 인공물이 발생합니다. 또는 이미지가 24 비트 PNG가 아닌 8 비트 PNG 일 수 있습니다. –

2

이미지의 크기가 UIImageView의 크기와 일치하는지 확인하십시오. 이미지가 대상 이미지보기보다 작 으면 이미지가 채워져 픽셀 화 될 수 있습니다. 또한 iPad 용 5.1 시뮬레이터를 실행하는 경우 새 망막 화면이 기본값으로 설정되므로 픽셀 화를 방지하기 위해 @ 2x 크기의 이미지가 필요합니다.