Estou desenvolvendo um aplicativo usando o iOS SDK. Preciso saber de quais Default
tamanhos de tela inicial preciso.
Estou desenvolvendo um aplicativo usando o iOS SDK. Preciso saber de quais Default
tamanhos de tela inicial preciso.
Respostas:
Estou deixando o post abaixo para fins de referência.
Leia a documentação da Apple Diretrizes de interface humana - telas de inicialização para obter detalhes sobre as telas de inicialização e recomendações.
Obrigado
Drekka
Julho de 2012 - Como esta resposta é bastante antiga, mas ainda parece popular. Eu escrevi uma postagem de blog com base no doco da Apple e coloquei em meu blog . Espero que vocês achem isso útil.
Sim. No desenvolvimento do iPhone / iPad, o Default.png
arquivo é exibido pelo dispositivo automaticamente, então você não precisa programá-lo, o que é realmente útil. Não o tenho comigo, mas você precisa de PNGs diferentes para o iPad com nomes específicos. Eu pesquisei iPad default png
e obteve esta informação a partir da phunkwerks local:
Para lidar com várias opções de orientação, uma nova convenção de nomenclatura foi criada para imagens de lançamento do iPad. O tamanho da tela do iPad é 768 × 1024, observe nas dimensões que seguem a altura leva em consideração uma barra de status de 20 pixels.
Default-Portrait.png
* - 768 largura x 1024 alturaDefault-PortraitUpsideDown.png
- 768 largura x 1024 alturaDefault-Landscape.png
** - 1.024 largura x 748 alturaDefault-LandscapeLeft.png
- 1.024 largura x 748 alturaDefault-LandscapeRight.png
- 1.024 largura x 748 alturaiPad-Retina–Portrait.png
- 1536w x 2048hiPad-Retina–Landscape.png
- 2.048 largura x 1496 alturaDefault.png
- Não recomendado* —Se você não especificou um Default-PortraitUpsideDown.png
arquivo, este arquivo terá precedência.
** - Se você não especificou um arquivo de imagem Default-LandscapeLeft.png
ou Default-LandscapeRight.png
, este arquivo terá precedência.
Este link para a "Biblioteca de desenvolvedores da Apple" também é útil.
Desde julho de 2013 (iOS 6), é o que sempre usamos:
IPHONE SPLASH
Default.png - 320 x 480
Default@2x.png - 640 x 960
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)
IPAD SPLASH
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)
iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)
ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)
Para iOS7, crie imagens de lançamento nos seguintes tamanhos:
Para iPhone 5 e iPod touch (5ª geração):
Para outros dispositivos iPhone e iPod touch:
Para iPad retrato:
Para paisagem iPad:
Consulte iOS 7 Design Resources> iOS Human Interface Guidelines> Launch Images
ATUALIZAÇÃO 1
Para iPhone 6:
Para iPhone 6 Plus:
ATUALIZAÇÃO 2
Para iPhone X:
No Xcode 11
, você pode fornecer apenas uma imagem com escalas 1x, 2x e 3x e configurá-la LaunchScreen.storyboard
para preencher a tela e tudo correr bem!
Por exemplo: (1242pt x 2688pt @ 1x)
Este é o tamanho da tela retrato, iPhone 11 Pro Max
que é o tamanho da tela grande do iPhone, portanto, ele fornecerá uma tela inicial de alta qualidade em todos os dispositivos iOS.
Eu coletei todos os tamanhos necessários para a tela inicial. Tudo o que você precisa é apenas arrastar as imagens com esses tamanhos e soltá-las, o Xcode colocará cada tamanho no lugar certo.
Boa sorte.
320 × 480
640 × 960
640 × 1136
750 × 1334
768 × 1004
768 × 1024
828 × 1792
1024 × 748
1024 × 768
1125 × 2436
1242 × 2208
1242 × 2688
1536 × 2008
1536 × 2048
1792 × 828
2048 × 1496
2048 × 1536
2208 × 1242
2436 × 1125
2688 × 1242
Nota
A contagem de imagens necessárias é de 26 imagens, mas há 6 tamanhos duplicados, então você descobrirá que os tamanhos acima são apenas 20.
Aqui posso adicionar resoluções e especificações de exibição para iphone 6 e 6+ tamanhos:
iPhone 6+ - Resolução de ativos (@ 3x) - Resolução (2208 x 1242) px
iPhone 6 - Resolução de ativos (@ 2x) - Resolução (1334 x 750) px
iPad Air / Retina iPad (1ª e 2ª geração / 3ª e 4ª) - Resolução de ativos (@ 2x) - Resolução (2048 x 1536) px
iPad Mini (2ª e 3ª geração) - Resolução de ativos (@ 2x) - Resolução (2048 x 1536) px
iPhone (6, 5S, 5, 5C, 4S, 4) - Ícone do aplicativo (120x120 px) - Ícone da AppStore (1024x1024 px) - Spotlight (80x80 px) - Configurações (58x58 px)
iPhone (6+) - Ícone do aplicativo (180x180 px) - Ícone da AppStore (1024x1024 px) - Spotlight (120x120 px) - Configurações (87x87 px)
Para Xcode 9 e dispositivos mais recentes
Retrato
iPhone 4 / 4S 640 x 960
iPhone 5 / 5C / 5S iPod touch de 5ª geração 640 x 1136
iPhone 6/7/8 7 50 x 1334
iPhone 6/7/8 Plus 1242 x 2208
iPhone X 1125 x 2436
iPad não retina 768 x 1024
retina iPad 1536 x 2048
Panorama
iPhone 6, 7 e 8 mais 2208 x 1242
iPhone X 2436 x 1125
iPad não retina 1024 x 768
retina iPad 2.048 x 1536
Com o iOS 7 ou superior, as imagens estáticas de inicialização agora estão obsoletas.
Você deve criar uma visualização personalizada que compõe fatias de imagens, que são dimensionadas para todas as telas como uma visualização UIViewController normal.
Com o aplicativo universal, eu tinha a tela inicial do iPad aparecendo no simulador, mas não no dispositivo. Em vez disso, o iPad mostraria o splash Default.png para o iPhone. Os arquivos Default-Landscape.png e Default-Portrait.png existentes, então por quê? A resolução deve estar correta, pois criei as capturas de tela usando o Window | Organizador | Screenshots e 'Salvar como imagem padrão' usado para o iPad, em seguida, basta renomeá-lo.
Acontece que (do meu único aplicativo de qualquer maneira) as duas capturas de tela do iPad devem ser movidas para o diretório Resources-iPad. Então tudo funciona bem. Parece óbvio agora, mas no caso de mais alguém ter perdido o sono por causa disso ... -Larry
Para desenvolvedores do Adobe AIR iOS, observe que se as imagens do seu iPad Splash "mudarem" ou forem exibidas e dimensionadas um segundo depois, é porque existem diferentes dimensões dependendo da versão do AIR que você está usando.
Default-Portrait.png:
768 x 1004 (AIR 3.3 e anterior)
768 x 1024 (AIR 3.4 e superior)
Default-Portrait@2x.png:
1536 x 2008 (AIR 3.3 e anterior)
1536 x 2048 (AIR 3.4 e superior)