BemPAP/ADICIONAR_LOGO.md

120 lines
2.5 KiB
Markdown

# 🎨 Como Adicionar o Logo Bem+ à App
## 📍 Passo 1: Preparar a Imagem do Logo
Precisa do logo em **diferentes tamanhos** para Android:
### Tamanhos necessários:
- **mdpi**: 48x48 px
- **hdpi**: 72x72 px
- **xhdpi**: 96x96 px
- **xxhdpi**: 144x144 px
- **xxxhdpi**: 192x192 px
### 🔧 Opção A: Gerar automaticamente (RECOMENDADO)
1. Vá para [icon.kitchen](https://icon.kitchen) ou [appicon.co](https://appicon.co)
2. Faça upload da imagem do logo Bem+
3. Escolha **"Android"**
4. Download do pacote ZIP com todos os tamanhos
5. Descompacte o ZIP
### 🔧 Opção B: Android Studio (MAIS FÁCIL)
1. Abra o projeto no Android Studio
2. Clique direito em `app/src/main/res`
3. **"New"** → **"Image Asset"**
4. **"Icon Type"**: Launcher Icons (Adaptive and Legacy)
5. **"Path"**: Selecione a imagem do logo
6. **"Name"**: `ic_launcher`
7. Clique **"Next"** → **"Finish"**
8. ✅ Android Studio gera TODOS os tamanhos automaticamente!
---
## 📍 Passo 2: Colocar os Ficheiros nas Pastas Corretas
### Se usou ferramentas online (Opção A):
Copie os ficheiros para:
```
/Users/230410/AndroidStudioProjects/Bem/app/src/main/res/
mipmap-mdpi/
└── ic_launcher.png (48x48)
mipmap-hdpi/
└── ic_launcher.png (72x72)
mipmap-xhdpi/
└── ic_launcher.png (96x96)
mipmap-xxhdpi/
└── ic_launcher.png (144x144)
mipmap-xxxhdpi/
└── ic_launcher.png (192x192)
```
### Também substitua os ícones redondos:
```
mipmap-mdpi/
└── ic_launcher_round.png
mipmap-hdpi/
└── ic_launcher_round.png
(... mesmos tamanhos que acima)
```
---
## 📍 Passo 3: Logo para usar DENTRO da App
Para mostrar o logo nas telas internas:
1. Pegue a imagem em **alta resolução** (pelo menos 512x512)
2. Renomeie para: `logo_bem.png`
3. Cole em:
```
/Users/230410/AndroidStudioProjects/Bem/app/src/main/res/drawable/logo_bem.png
```
---
## ✅ Verificar no Terminal
Depois de adicionar, execute:
```bash
cd /Users/230410/AndroidStudioProjects/Bem
ls -la app/src/main/res/mipmap-xhdpi/ic_launcher.png
ls -la app/src/main/res/drawable/logo_bem.png
```
Se os ficheiros aparecerem, está tudo correto! ✓
---
## 🚀 Já Preparei o Código!
Quando adicionar as imagens, a app VAI USAR AUTOMATICAMENTE:
### Nas telas internas:
- ✅ Tela de login
- ✅ Cabeçalho da aba Alarmes
- ✅ Activity de alarme a tocar
- ✅ Diálogos
### Como ícone da app:
- ✅ Ecrã principal (launcher)
- ✅ Notificações
- ✅ Recentes/multitarefa
**Não precisa programar nada!** Só adicionar as imagens. 🎉