Кто-нибудь знает, как заставить iOS отображать загрузочное изображение с более высоким разрешением при использовании? В настоящее время я застрял с изображением 460x380, которое, очевидно, выглядит ужасно при отображении на дисплее iPhone 4 с высоким разрешением. Я попробовал трюк @2x, но, похоже, он не сработал.
Любые идеи или обходные пути?
Я никогда не думал, что у меня это заработает, но по какой-то причине везде в Интернете говорится, что размеры изображений с высоким разрешением составляют 640x960, на самом деле они 640x920. После внесения этого изменения экран-заставка высокого разрешения будет корректно отображаться на дисплеях Retina. Ниже приведен точный код, который я использую в нашем приложении. У нас есть заставки, работающие на iPad1/iPad2 в книжной и альбомной ориентации, iPhone3/iPhone4.
Надеюсь, это поможет кому-то.
<!-- iOS Device Startup Images -->
<!-- iPhone/iPod Touch Portrait – 320 x 460 (standard resolution) -->
<link rel="apple-touch-startup-image" href="splash-screen-320x460.png" media="screen and (max-device-width: 320px)" />
<!-- iPhone/iPod Touch Portrait – 640 x 920 pixels (high-resolution) -->
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="splash-screen-640x920.png" />
<!-- For iPad Landscape 1024x748 -->
<!-- Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).-->
<link rel="apple-touch-startup-image" sizes="1024x748" href="splash-screen-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" />
<!-- For iPad Portrait 768x1004 -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="splash-screen-768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)"/>
Вы пытались использовать медиа-запросы, связанные с соотношением пикселей в теге link?
media="only screen and (-webkit-min-device-pixel-ratio: 2)" для дисплея сетчатки один.
iPad:
link rel="apple-touch-startup-image" sizes="768x1004" href="" /
iPhone Retina Display: link rel="apple-touch-startup-image" sizes="640x960" href="" /
Я видел случаи, когда XCode давал сбой в этой ситуации. Помимо двойной проверки размера изображения (320x460), не помешает:
Я знаю, что это может показаться очевидным или ненужным, но я столкнулся с той же проблемой, и последовательность очистки/удаления/удаления решила ее.
Трюк «@2x» работает. Должно быть, что-то не так с вашими изображениями.
Вам нужны два файла. Default.png и [email protected]. Первый должен быть 320x460. Второй должен быть 640x920. Я обещаю, это работает.
