Como posso definir o ícone de um aplicativo Mac no Xcode?

87

Tenho aprendido muito sobre como escrever código Objective-C e projetar no Interface Builder e queria definir ícones para meus programas simples.

Eu adicionei o mesmo JPG a todos os campos de tamanho no Icon Composer e obtive um ICNS, mas não consegui descobrir como adicioná-lo ao projeto.

Agradeço antecipadamente.

kmikael
fonte

Respostas:

162

Uma vez que o Xcode 4.4 Icon Composer não é mais a forma recomendada de criar ícones e não está mais incluído na instalação padrão do Xcode. Devido à introdução de Macs com tela retina, agora é recomendado fornecer versões de alta resolução de todos os gráficos, incluindo ícones de aplicativos.

Para dar ao seu aplicativo um ícone em Xcode> 4.4, faça o seguinte:

  1. Crie uma pasta [IconName] .iconset no Finder

  2. Nesta pasta, coloque seu ícone como arquivos PNG. Você precisará do ícone nos tamanhos 16px, 32px, 64px (apenas retina), 128px, 256px, 512px e 1024px (apenas retina)

  3. Esses ícones devem ser nomeados com o padrão icon_16x16.png, icon_32x32.png, icon_128x128.png e assim por diante

  4. Para suportar telas de retina, você também deve adicionar arquivos de ícone com resolução dupla, chamados [email protected] (com tamanho 32x32), [email protected] (tamanho 64x64) e assim por diante até [email protected] (tamanho 1024x1024).

  5. arraste esta pasta [IconName] .iconset para o Xcode (copie se necessário)

  6. no arquivo info.plist, defina o valor "CFBundleIconFile" (Arquivo de ícone como chave) para [IconName], mas sem a extensão .iconset

Anotações:

  • não é (atualmente) necessário fornecer os ícones @ 2x
  • (normalmente) também funcionará se você não fornecer todos os arquivos de ícone
  • a pasta iconset não deve conter um arquivo icon_64x64.png. o ícone de 64px é apenas para a versão retina do icon_32x32

Atualização: No final, sua pasta .iconset contém os seguintes 10 itens:

icon_16x16.png
icon_16x16@2x.png
icon_32x32.png
icon_32x32@2x.png
icon_128x128.png
icon_128x128@2x.png
icon_256x256.png
icon_256x256@2x.png
icon_512x512.png
icon_512x512@2x.png

Guia oficial:

https://developer.apple.com/library/content/documentation/GraphicsAnimation/Conceptual/HighResolutionOSX/Optimizing/Optimizing.html

Informação adicional:

Para converter a pasta do conjunto de ícones em um arquivo icns, execute o seguinte comando no terminal:

iconutil -c icns [IconName].iconset

onde [IconName] deve ser substituído pelo prefixo da pasta do conjunto de ícones. Agora você tem um arquivo chamado [IconName] .icns. No Xcode 4.4, no Resumo do destino, clique com o botão direito do mouse no ponto de interrogação do ícone e selecione o arquivo icns. Você deve ver o ponto de interrogação ser substituído pelo ícone.

codingFriend1
fonte
Em alguns casos, o conjunto de ícones não será adicionado automaticamente à Fase de Compilação 'Copiar Recursos do Bundle'; nesse caso, você precisa adicioná-lo à Fase de Compilação manualmente.
Reimund
1
Nota: o Xcode 4.4 valida e converte automaticamente uma pasta de conjunto de ícones em um arquivo icns. Tudo que você precisa fazer é adicionar a pasta do conjunto de ícones ao seu projeto e construir o projeto. O arquivo icns gerado é adicionado automaticamente ao produto construído.
EsbenB
1
@kadam Você está certo, sempre foi assim. Eu modifiquei ligeiramente a resposta para tornar a nomenclatura do ícone da retina mais clara.
codingFriend1
1
^ oh, eles não mencionam os tamanhos 64x64 ou 1024x1024 nesta documentação: developer.apple.com/library/mac/#documentation/… ... portanto, isso reduz o número para 10!
Chris Allinson
1
@ChrisAllinson Você precisa de ícones de tamanho 64px e 1024px. Mas esses são nomeados icon_32x32@2xe [email protected]. Adicionei a lista de todos os nomes de ícones à resposta para esclarecer isso.
codingFriend1
32

A partir do Xcode 7 (não tenho certeza de quando foi originalmente introduzido), você pode usar o arquivo Assets.xcassets para ícones de aplicativos. Este arquivo é incluído por padrão para novos projetos.

Simplesmente:

  1. Vá para as configurações do seu alvo e certifique-se de que em Geral , Ícones do aplicativo , a fonte esteja definida como AppIcon .
  2. Adicione todos os 10 ícones PNG à imagem do AppIcon de Assets.xcassets.
  3. Exclua os dados derivados se você tiver iniciado o aplicativo antes, caso contrário, ele continuará a mostrar o ícone padrão.
  4. Execute o aplicativo; agora ele deve mostrar seu ícone no Dock, no alternador de aplicativos e em qualquer outro lugar que ele deva aparecer.
Sensível
fonte
27

Siga estas etapas para adicionar um ícone de aplicativo ao seu projeto. Este é o ícone que será mostrado pelo MacOS na barra de documentos e exibição de alt-tab.

  • Crie um arquivo de recurso de ícone .icns
  • Coloque-o na pasta "recursos / macos"
  • Adicione-o ao grupo de recursos no projeto xcode
  • Edite o arquivo Info.plist e altere a string de valor "CFBundleIconFile" para "ícone"

Além disso, a ferramenta img2icns pode ser útil para converter imagens em um ícone.


fonte
… Mude a string de valor "CFBundleIconFile" para o nome do seu arquivo .icns. FTFY
Francis McGrew
No Xcode 7, você não precisa colocar o arquivo .icns em uma pasta específica, desde que esteja dentro do pacote. Eu criei uma pasta / Assets e simplesmente arrastei o arquivo icon.icns para a pasta no Xcode. Em seguida, editei Info.plist e configurei o arquivo Icon para icon.ins. Você também deve desativar o recurso para usar Assests nas configurações 'Gerais' para o aplicativo.
gbdavid
7

Etapas para adicionar um ícone de aplicativo ao seu projeto de cacau.

  1. Encontre 'Icon Composer' no holofote.
  2. Arraste e solte o ícone (o nome deve ser como nome da imagem.icns) nas caixas fornecidas.
  3. Selecione uma caixa e salve-a.
  4. Arraste e solte a imagem salva na pasta Recursos do seu aplicativo.
  5. Selecione o destino -> clique com o botão direito no nome do projeto -> Selecione GetInfo.
  6. Em Propriedades, digite o nome do 'Arquivo de ícone'.
  7. Agora limpe, construa e execute seu aplicativo.
Uma corrida
fonte
1
6 anos depois, isso não é mais aplicável
mix3d
7

É fácil

  1. Use a ferramenta automática (como IconFly) para criar ICNS ou conjunto de ícones correto com todo o tamanho necessário.

  2. Em seguida, arraste e solte o ICNS ou conjunto de ícones criado no Xcode.

  3. no arquivo info.plist, defina o valor "CFBundleIconFile" para [IconName]

Alexandr
fonte
3

Xcode 8.2.1

  1. Converter .png 👉.icns via IconMaker

  2. Adicione o arquivo AwesomeApp.icns na mesma pasta que info.plist

  3. Arraste o arquivo AwesomeApp.icns para xcode na mesma pasta que info.plist

  4. Em info.plist defina o ícone: para AwesomeApp.icns

eonista
fonte
4
Você também deve executar command + option + shift + K que limpa a compilação. Em seguida, crie o aplicativo novamente e o ícone deve ser aplicado
Luka Kerr
Soa como uma limpeza profunda! Uma reinicialização do xcode e do seu computador também pode resolver o problema em alguns casos: P Pessoalmente, não tive que limpar a compilação antes de funcionar. Obrigado pela dica Luka! use full para futuros espectadores.
eonista
O link @eonist IconMaker está morto.
jamescampbell
@ jamescampbell Ei, velho amigo. Atualizado agora
eonist
0

Etapa 1: Obtenha o nome do arquivo de ícone de info.plist e coloque a pasta icns (arquivo de ícone) na pasta SourceCode / resources

Passo 2: E a mesma coisa vale para o xcode, você tem que copiar todas as imagens do xcode usando copyallframeworks ou arquivo de recurso copyall em seu xcode e construir o aplicativo novamente.

Rachit Kapadia
fonte
@ Asif.Ali Resposta dada com etapas.
Rachit Kapadia