iOS como definir o ícone do aplicativo e iniciar imagens

170

Como defino as imagens para poder arquivar e validar meu aplicativo? A tela fica assim agora:

insira a descrição da imagem aqui

Então o primeiro diz 29pt, mas também diz 2x. Então, eu coloco uma 29x29imagem ou uma 58x58imagem? E onde eu coloco todos os outros? (Eu sei que há mais do que tamanhos 29, 40e 60).

Enfim, o que tentei foi arrastar um 29x29png para o primeiro slot, um 40x40para o segundo e um 60x60para o terceiro e o quarto. Quando fui Product->Archive, recebo

/ Usuários / kendon / Documentos / Aplicativos para iPhone / Ferramenta de vendas / Ferramenta de vendas / Images.xcassets: o conjunto de ícones do aplicativo chamado "AppIcon" não possui conteúdo aplicável.

user3925803
fonte
selecione appicon e toque no inspetor de atributos, ele também mostra a dimensão necessária 29x29 para 1x e 58x58 para 2x etc.
Muhammad Adnan
3
Você pode usar este site para criar todos os ícones de aplicativos makeappicon.com
Página 18/16
9
Por que não podemos simplesmente fazer isso no próprio Xcode? Nenhum aplicativo ou site especial. Apenas uma imagem grande, seria muito fácil, não? É assim que eu faço no Unity #
tsukimi
Parece que a imagem está muito próxima das bordas do plano de fundo branco no ícone. Existe uma maneira de diminuir a imagem, mas manter a mesma proporção de pixel para pixel necessária? Isso foi depois de usar o makeappicon.com
nenur
Não é mais usado no iOS 13. Está obsoleto.
Manish

Respostas:

211

Atualização: a menos que você goste de redimensionar ícones um por um, confira a resposta de Schmoudi . É muito mais fácil.

Tamanhos dos ícones

insira a descrição da imagem aqui

Imagem acima do Designing para iOS 9 . Eles são iguais para o iOS 10 .

Como definir o ícone do aplicativo

Clique em Assets.xcassets no navegador do projeto e escolha AppIcon .

insira a descrição da imagem aqui

Isso fornecerá um conjunto de ícones de aplicativos vazio.

insira a descrição da imagem aqui

Agora basta arrastar a imagem do tamanho certo (no formato .png) do Finder para todos os espaços em branco no conjunto de aplicativos. O ícone do aplicativo deve estar configurado agora.

Como criar as imagens de tamanho certo

A imagem na parte superior indica os tamanhos de pixels para cada tamanho de ponto necessário no iOS 9. No entanto, mesmo se eu não receber essa resposta atualizada para versões futuras do iOS, você ainda poderá descobrir os tamanhos corretos de pixels usando o método abaixo.

Veja quantos pontos (pt) estão em branco no conjunto de imagens vazio. Se a imagem for 1x, os pixels são iguais aos pontos. Por 2x o dobro dos pontos e 3x o triplo dos pontos. Por exemplo, no primeiro espaço em branco acima (29pt 2x), você precisaria de uma imagem de 58x58 pixels.

Você pode começar com uma imagem de 1024 x 1024 pixels e reduzi-la aos tamanhos corretos. Você pode fazer isso sozinho ou também existem sites e scripts para obter os tamanhos certos. Faça uma pesquisa por "gerador de ícones para aplicativos ios" ou algo semelhante.

Acho que os nomes não importam desde que você obtenha as dimensões corretas, mas a convenção geral de nomes é a seguinte:

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

Iniciar imagem

Embora você possa usar uma imagem para a tela de inicialização, considere usar um arquivo de storyboard da tela de inicialização. Isso será redimensionado para todos os tamanhos e orientações. Confira esta resposta do SO ou a documentação a seguir para obter ajuda.

Documentação útil

As imagens do Xcode nesta postagem foram criadas com o Xcode 7.

Suragch
fonte
Para mim, no XCode 7.2, o XCode não permite arrastar imagens para essas caixas. Você pode me ajudar com isso?
ahitt6345
1
@ ahitt6345: Testei isso novamente com o Xcode 7.2 e ainda funciona. Abra o Finder e localize suas imagens em qualquer pasta que você tiver. Em seguida, arraste-os para o local correto do conjunto de ícones do aplicativo no Xcode, como mostrado acima. Se a sua imagem estiver no formato errado, pode não funcionar. Use o formato .png.
Suragch
Eles estão no formato .png, tentei arrastar e soltar mais uma vez e ainda não funcionou.
ahitt6345
@ ahitt6345, Confira este tutorial em vídeo do YouTube . Pode ajudar a ver isso sendo feito em ação.
Suragch 7/03/16
Também tive problemas para arrastá-los até alterar o formato do png para corresponder ao local para o qual estava arrastando. Isto é com Xcode 8.3
Curt
176

Recentemente, encontrei este aplicativo chamado Icon Set Creator na App Store, que é gratuito, sem anúncios, atualizado sobre novas alterações, direto e funciona perfeitamente para todos os tamanhos de ícones possíveis no OSX, iOS e WatchOS:

No Icon Set Creator:

  1. Arraste sua imagem para a vista
  2. Escolha sua plataforma de destino
  3. Exportar a pasta Icon Set

iconSetCreator

No XCode:

  1. Navegue para a pasta Assets.xcassets
  2. Exclua o AppIcon pré-existente
  3. Clique com o botão direito do mouse -> Importar seu Icon-Set criado como AppIcon e pronto

Schmoudi
fonte
1
Isso acabou sendo um grande trunfo para mim enquanto eu tentava entender o sistema de ícones de aplicativos para meus aplicativos corporativos. Vale ressaltar, no entanto, que um pouco de clareza sobre como funciona está em ordem. O aplicativo não informa especificamente o nome ou o local em que as imagens recém-geradas são salvas. Por ser um aplicativo iOS, demorei um pouco para perceber que o aplicativo criou uma pasta chamada 'iOS' e depois salvou as imagens dentro de outra pasta chamada 'Appicon.appiconset'. Quando estiver pronto para importar para o projeto, é esta pasta que você deve selecionar.
Bill Norman
Totalmente economizei meu tempo ... Consegui tudo em 15 minutos
NduJay
22

Para economizar um pouco de tempo:

1) Você pode marcar todas as imagens de ícone do aplicativo no localizador e arrastá-las para o catálogo de ativos de uma só vez, arrastando para um dos slots vazios do conjunto de imagens do ícone do aplicativo. Quando você mantém o arrasto sobre o slot, vários dos outros slots parecem selecionados e, quando você solta, todos são preenchidos de uma só vez. Observe que isso funciona no XCode 8 (eu não tentei o XCode 7), mas no XCode 9 beta ainda não.

Arrastando para o ícone do aplicativo Conjunto de imagens do catálogo de ativos

2) O site de documentação da Apple "Technical Q&A QA1686" possui os tamanhos por slot de ícone do aplicativo já calculados para você em uma imagem agradável e também contém as convenções corretas de nomes de imagens.

Tamanhos de ícones de aplicativos

KS
fonte
11

Os tamanhos corretos são os seguintes:

1)58x58

2)80x80

3)120x120

4)180x180

bzz
fonte
10

Eu uso uma ferramenta chamada Prepo para produzir todos os tamanhos de imagem certos. Você simplesmente alimenta o aplicativo com o arquivo de imagem e ele cuspirá cada arquivo necessário com um nome apropriado.

Depois de fazer isso, você pode arrastar os arquivos apropriados ou simplesmente apontar para a pasta exportada do Prepo.

Craig.Pearce
fonte
Ele não faz ícones de 167x167 para os iPads mais recentes
Yernar Amergaliyev 17/17
Na verdade, ele gera 167x167 quando você exporta as imagens. Ele só não mostra que tamanho (e muitos outros tamanhos) na janela de visualização
tiguchi
8

Agora é realmente fácil definir um ícone do aplicativo em um dia, basta ir para https://makeappicon.com/ adicionar sua imagem, eles enviarão todo o tamanho do ícone do aplicativo (também para o watch & itunes), agora clique em Ativos .xcassets no navegador do projeto e escolha AppIcon. Agora você só precisa arrastar e soltar o ícone, conforme necessário.

ViralRathod
fonte
5

Na lista à esquerda, clique com o botão direito do mouse em "AppIcon" e clique em "Abrir no localizador". Uma pasta com o nome "AppIcon.appiconset" será aberta. Cole todos os gráficos com a resolução necessária lá. Uma vez concluídas, todas essas imagens serão visíveis nessa mesma tela (uma na captura de tela). arraste-os para a caixa apropriada. Ícones de aplicativos foram adicionados. Mesmo processo para iniciar imagens. As imagens de lançamento por esse processo são adicionadas para iOS 7 e abaixo. Para o iOS 8, o arquivo LaunchScreen.xib separado é criado por padrão.

Gunjit
fonte
5

Encontrei App chamado Iconizer. Você pode encontrar o repositório no github . O Iconizer pode gerar ícones de aplicativos para OS X, iPad, iPhone, CarPlay e Apple Watch com apenas uma imagem.

Simplesmente arraste e solte seu ícone no Iconizer, selecione as plataformas necessárias e se deseja ou não todas as plataformas geradas em um catálogo de ativos e clique em exportar.

Depois disso, substitua (exclua e importe) seu AppIcon no arquivo Assets.xcassets

Vladyslav Panchenko
fonte
2

Esta é uma parte muito frustrante do XCode. Como muitos, perdi horas com isso quando mudei para uma versão mais recente do xcode (versão 8). A solução para mim foi abrir as propriedades do meu projeto e, em "Ícones de aplicativos e imagens de inicialização", escolha a opção "migrar" para os ícones. Isso não fez absolutamente nenhum sentido para mim, pois eu já tinha todos os meus ícones lá, mas funcionou! Infelizmente, agora pareço ter duas cópias dos meus ícones do iniciador no projeto.

Formiga
fonte
Isso era o que eu precisava para atualizar um projeto muito antigo (iOS 3) para iOS 11.
Doug Voss
1

Conforme a versão atualizada (Xcode 8.3.3), vi que a resolução abaixo é necessária para todos os campos dos AppIconconjuntos.

40x40
58x58
60x60
80x80
87x87
120x120
180x180

Ele vem com hdpi, xhdpi, xxhdpi etc. Espero que ajude os outros.

Editado para 120 x 120

Raj Aryan
fonte