Cor de fundo do ícone do iniciador de recursos de imagem do Android Studio


112

Eu tenho um logotipo .png para meu aplicativo que não tem um plano de fundo. Quando o adiciono ao android studio como um recurso de imagem, sou forçado a ter um plano de fundo. O campo hexadecimal não aceita códigos de cores de 8 dígitos, apenas 6 dígitos. Existe alguma maneira de manter o fundo invisível?


1
romannurik.github.io/AndroidAssetStudio Ótima ferramenta para qualquer tipo de ícone que você deseja gerar
Pierre

Respostas:


201

Para tornar o fundo transparente, defina shapecomo None. Veja a imagem abaixo:

insira a descrição da imagem aqui

EDITAR:

Para Android Studio 3.0, você pode configurá-lo na Legacyguia

insira a descrição da imagem aqui


27
Muito obrigado, não percebi que precisava rolar para baixo para ver a forma :)
HishamGarout

1
apenas selecione o botão de opção de imagem e role para baixo ... obrigado funcionou para mim
Ghanshyam Nayma

3
Mais um exemplo de UX pobre no Studio
AmitP

21
Esta resposta parece não ser mais válida, do Android Studio 3.0.
ElYeante

2
Como tornar a camada de fundo transparente?
zulkarnain shah

38

Estou usando Android Studio 3.0.1e se a resposta acima não funcionar para você, tente mudar icon typepara Legacye selecione Shapepara None, o padrão é Adaptive and Legacy.

insira a descrição da imagem aqui

Nota: Alguns dispositivos instalaram um iniciador com a adição automática de fundo branco no ícone, isso é normal.


2
Você seleciona legado apenas quando seu targetSdkVersion é menor que 26. Se seu targetSdkVersion é 26, então seu tipo de ícone deve ser adaptável e legado.
Rupam Das

1
Como tornar a camada de fundo transparente?
zulkarnain shah

@zulkarnainshah se você escolher não modelar nenhum com o modo legado, ele mostrará uma cor transparente.
Farhana

Parece não funcionar no Android Studio 3+. No entanto, a resposta de Patrick abaixo parece funcionar, pelo menos no Android Studio 3.1.2.
Stephen M - em greve -

@StephenM - qual versão do Android você está usando? Lembre-se de que as coisas ficam diferentes, especialmente do ícone começando do Lollipop para a versão mais recente do Android, então eu não ficaria surpreso se as pessoas vissem um ícone de fundo diferente na última versão do Android. a correção é tentar usar a versão anterior do Android e usar um iniciador que não adiciona nenhum plano de fundo nos ícones apenas para desenvolvimento para ver o design real do seu ícone ou ficar usando o Android mais recente e apenas seguir o que eles querem.
Polar

26

Você tem duas maneiras:

1) Em Background Layer> Scaling , reduza o Resize para 1

insira a descrição da imagem aqui

e em Legado> Ícone legado defina a forma como nenhuma

insira a descrição da imagem aqui


2) Em Background Layer> Scaling> Source Asset , você pode definir uma imagem como uma imagem transparent.png de 1x1 pixel (ou qualquer tamanho) (você já criou).

insira a descrição da imagem aqui

e em Legado> Ícone legado defina a forma como nenhuma

insira a descrição da imagem aqui


15
sobre o que você fez Full Bleed Layers?
Tricky Bay,

20

a abordagem acima não funcionou para mim no Android Studio 3.0. Ainda mostra o fundo. Acabei de criar um arquivo de fundo vazio

<?xml version="1.0" encoding="utf-8"?>
<vector
android:height="108dp"
android:width="108dp"
android:viewportHeight="108"
android:viewportWidth="108"
xmlns:android="http://schemas.android.com/apk/res/android">
</vector>

Isso funcionou, exceto as camadas de sangramento total


1
Também estou usando o Android Studio 3.0, faço o mesmo para que funcione. Parece que não temos mais permissão para fazer um ícone com base no que queremos.
Polar

2
Isto não está a funcionar. Android Studio 3.0.1, você não pode definir um fundo transparente.
Rupam Das

2
Funcionou para mim no Android Studio 3.1.2. Ele apareceu no gerador de ativos de imagem como preto, mas é transparente quando implanto meu aplicativo.
Stephen M - em greve -

Recebo um erro de renderização quando tento usar este vetor como plano de fundo, mais alguém?
Chagai Friedlander de

11

Esta é apenas outra solução alternativa.

  1. Para 'Foreground Layer', selecione 'Asset type' como texto e exclua o texto padrão no campo de texto.

Navegue até o caminho da sua imagem

  1. Para a 'Camada de fundo', selecione 'Tipo de recurso' como imagem e agora escolha o caminho da imagem que deseja como ícone.

insira a descrição da imagem aqui

E você está pronto para ir.


Solução muito simples. Muito obrigado! Eu testei no Android Studio 3.6 e uma coisa a acrescentar é que ele estava me dando um erro ao ter o texto de primeiro plano nulo. Então o que eu fiz foi apenas adicionar um espaço lá e está funcionando. E adicionando mais alguns! depois disso, tive um problema que, quando terminei de adicionar o mipmap e executei meu projeto, havia um logotipo do Android substituindo meu logotipo e resolvi isso modificando os arquivos xml do ícone do mipmap removendo a linha de tag do primeiro plano. Espero que ajude alguém.
Feroz Khan

Isto é brilhante!
ikerfah


1

Primeiro, crie um ícone de iniciador (Adaptive and Legacy) partir do Ativo de imagem:

Selecione uma imagecamada de fundo e redimensione-a para 0% ou 1% e a guia Na legada definida shapecomonone .

Em seguida, exclua a pasta res/mipmap/ic_laucher_roundna janela do projeto e abra AndroidManifest.xml e remova o atributo android:roundIcon="@mipmap/ic_launcher_round"doapplication elemento.

No final, exclua ic_launcher.xmldemipmap-anydpi-v26 .

Observe que: Alguns dispositivos como o Nexus 5X (Android 8.1) adicionam um fundo branco automaticamente e não podem fazer nada.


0

Estas são as etapas que executei para tornar uma imagem transparente:

1- Usei um site online que deixa a imagem transparente, são vários. Para mim, eu uso este https://www241.lunapic.com/editor/?action=transparent e às vezes este http://www.online-image-editor.com/help/transparency

2- No Android Studio (estou usando a versão 3.1.3), abra o recurso de imagem em app> res (clique com o botão direito)> Novo> recurso de imagem Ativo de imagem

3- No Caminho, escolha a localização da imagem transparente que você baixou do site online e faça as outras opções conforme mostrado, em seguida, em seguida, em seguida, Concluir. Os cinco tamanhos diferentes de imagem mdpi (48 × 48), hdpi (72 × 72), xhdpi (96 × 96), xxhdpi (144 × 144) e xxxhdpi (192 × 192) serão criados no res / mipmap- pastas de densidade . Configuração de ativo de imagem

4- Se você precisar de tamanhos (dimensões) diferentes dos acima, você pode usar este site http://nsimage.brosteins.com/ para fazer o upload de sua imagem PNG de maior tamanho que será usada em xxxhdpi. Após o upload, você pode baixar um arquivo zip contendo os cinco tamanhos diferentes de imagem nas pastas res / drawable- density . insira a descrição da imagem aqui


-1

Usando o android 3.0.1 notei este comportamento estranho (solução), primeiro: na camada de fundo no source_asset mude o asset_type de imagem para cor e depois mude de volta para imagem. segundo: habilite o corte na escala e redimensione para uma pequena porcentagem e funcionará perfeitamente. PS: Se você não der o primeiro passo, o dimensionamento não terá efeito. e se alguém tiver uma explicação para isso, forneça. passos

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.