{"id":909,"date":"2024-11-25T06:00:00","date_gmt":"2024-11-25T09:00:00","guid":{"rendered":"https:\/\/adrianosantostreina.com.br\/blog\/?p=909"},"modified":"2024-12-13T14:34:27","modified_gmt":"2024-12-13T17:34:27","slug":"como-adicionar-icones-ao-seu-app-android-automaticamente","status":"publish","type":"post","link":"https:\/\/adrianosantostreina.com.br\/blog\/como-adicionar-icones-ao-seu-app-android-automaticamente\/","title":{"rendered":"Como adicionar \u00edcones ao seu app Android automaticamente"},"content":{"rendered":"\n

Quando desenvolvemos aplicativos Android com Delphi, personalizar os \u00edcones do aplicativo \u00e9 uma etapa essencial para criar uma identidade visual \u00fanica e atrativa. \u00c9 comum encontrarmos d\u00favidas sobre como realizar essa configura\u00e7\u00e3o diretamente no IDE sem precisar editar arquivos de configura\u00e7\u00e3o manualmente.<\/p>\n\n\n\n\n\n\n\n

Este artigo ensinar\u00e1 como adicionar \u00edcones ao seu aplicativo Android e iOS de forma autom\u00e1tica usando as ferramentas integradas do Delphi. Vamos explorar o processo para que desenvolvedores iniciantes consigam configurar \u00edcones sem complica\u00e7\u00f5es, economizando tempo e mantendo o profissionalismo do app.<\/p>\n\n\n\n

Al\u00e9m disso, explicaremos como o Delphi facilita esse processo, eliminando a necessidade de altera\u00e7\u00f5es em arquivos XML, t\u00e3o comuns em outras ferramentas de desenvolvimento. Vamos come\u00e7ar!<\/p>\n\n\n\n

O artigo de hoje ser\u00e1 bem curto pra que voc\u00ea veja o qu\u00e3o f\u00e1cil \u00e9 adicionar esses \u00edcones ao seu aplicativo, seja Android ou iOS. O Delphi 12 adicionou esse mecanismo que facilita muito o nosso trabalho. Em vers\u00f5es anteriores daremos uma outra dica pra voc\u00ea, leia at\u00e9 o fim. <\/p>\n\n\n\n

Passo a Passo<\/h3>\n\n\n\n

Uma recomenda\u00e7\u00e3o \u00e9 que voc\u00ea tenha uma imagem em tamanho grande, de 1024×1024 ou acima disso, assim o Delphi ir\u00e1 criar todos os outros \u00edcones nos tamanhos recomendados para subir inclusive para as lojas da Apple e Google. Portanto, siga o tutorial abaixo:<\/p>\n\n\n\n

    \n
  1. Configurando o Delphi<\/strong>\n
      \n
    • No Project > Options e selecione o Target Android ou iOS (32 ou 64).<\/li>\n\n\n\n
    • Navegue at\u00e9 a se\u00e7\u00e3o de Application – Icons<\/strong>.<\/li>\n\n\n\n
    • Clique no bot\u00e3o Artwork Generator.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

      O Delphi avisar\u00e1 que apagar\u00e1 todos os arquivos de \u00edcones que voc\u00ea j\u00e1 tenha criado anteriormente. Em seguida, uma janela ser\u00e1 aberta. Cobriremos as op\u00e7\u00f5es de forma resumida.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Na primeira tela que se abre, voc\u00ea far\u00e1 a configura\u00e7\u00e3o dos \u00edcones comuns do aplicativo. Escolha entre “Image” e “Text”. A primeira op\u00e7\u00e3o refere-se a cria\u00e7\u00e3o de \u00edcones em forma de imagem, nesse caso basta clicar no bot\u00e3o de navega\u00e7\u00e3o para encontrar sua imagem master e ent\u00e3o configurar v\u00e1rias op\u00e7\u00f5es, tais como Scala da imagem, cor de fundo do \u00edcone e cantos. Caso selecione Text, um \u00edcone ser\u00e1 criado pelo pr\u00f3prio Delphi baseado no texto que voc\u00ea adicionar.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Clicando em Next voc\u00ea precisar\u00e1 adicionar e configura os Adaptative Icons, que s\u00e3o uma exig\u00eancia recente das plataformas de lojas. Nesse caso precisar\u00e1 de um arquivo com a extens\u00e3o .svg do seu \u00edcone. Clique novamente em Next.<\/p>\n\n\n\n

      Na tela seguinte voc\u00ea ter\u00e1 a oportunidade de configurar o Splash Screen padr\u00e3o do seu app. Basta selecionar uma imagem de splash ou seguir a sugest\u00e3o dada pelo Delphi e novamente h\u00e1 algumas op\u00e7\u00f5es de configura\u00e7\u00e3o como podemos ver na imagem.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Na tela seguinte voc\u00ea poder\u00e1 configurar o format Dark do Splash Screen. Clique em Finish e veja a m\u00e1gica acontecer. <\/p>\n\n\n\n

      Abra agora o Windows Explorer e navegue at\u00e9 a pasta do seu projeto. Voc\u00ea ir\u00e1 notar uma nova pasta com o nome do seu projeto e .Artwork, exemplo: MeuAplicativo.Artwork. \u00c9 nessa pasta que o Delphi criou os \u00edcones. Repare que h\u00e1 uma pasta para cada plataforma, Android e iOS, portanto precisa repetir o processo para cada plataforma.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Dessa forma o Delphi cria todos os arquivos necess\u00e1rios e j\u00e1 os configura no projeto.<\/p>\n\n\n\n

      Eu gravei uma palestra mais completa sobre o assunto e voc\u00ea pode ver aqui.<\/p>\n\n\n\n

      \n