# 🎨 Icon & Splash Screen Guide

## App Icon Requirements

### Icon Sizes Needed

Untuk Android, Anda perlu icon dalam berbagai ukuran:

| Density | Size (px) | Folder |
|---------|-----------|--------|
| mdpi    | 48×48     | `android/app/src/main/res/mipmap-mdpi/` |
| hdpi    | 72×72     | `android/app/src/main/res/mipmap-hdpi/` |
| xhdpi   | 96×96     | `android/app/src/main/res/mipmap-xhdpi/` |
| xxhdpi  | 144×144   | `android/app/src/main/res/mipmap-xxhdpi/` |
| xxxhdpi | 192×192   | `android/app/src/main/res/mipmap-xxxhdpi/` |

### Master Icon

Siapkan **satu icon master** dengan spesifikasi:
- **Ukuran:** 1024×1024 pixels
- **Format:** PNG dengan background transparan (atau solid color)
- **Design:** Logo/icon aplikasi Anda
- **Safe zone:** Hindari detail penting di pinggir, karena Android devices menggunakan berbagai shape (circle, rounded square, dll)

### Tools untuk Generate Icon

#### Online Tools (Recommended):
1. **Icon Kitchen** - https://icon.kitchen/
   - Upload icon 1024×1024
   - Generate semua ukuran sekaligus
   - Support adaptive icons
   - Download dan extract ke folder res

2. **Easy App Icon** - https://easyappicon.com/
   - Upload master icon
   - Generate untuk Android + iOS
   - Download dan extract

3. **AppIcon.co** - https://www.appicon.co/
   - Free icon generator
   - Support multiple platforms

#### Manual Method:
Gunakan image editor (Photoshop, GIMP, Figma, etc):
1. Resize master icon ke setiap ukuran yang diperlukan
2. Save sebagai PNG
3. Rename menjadi `ic_launcher.png`
4. Copy ke masing-masing folder

### Cara Install Icon:

1. Generate icon menggunakan salah satu tool di atas
2. Extract hasil download
3. Copy file `ic_launcher.png` ke masing-masing folder:
   ```
   android/app/src/main/res/
   ├── mipmap-mdpi/ic_launcher.png
   ├── mipmap-hdpi/ic_launcher.png
   ├── mipmap-xhdpi/ic_launcher.png
   ├── mipmap-xxhdpi/ic_launcher.png
   └── mipmap-xxxhdpi/ic_launcher.png
   ```
4. Build ulang aplikasi

## Adaptive Icons (Android 8.0+)

Untuk tampilan yang lebih modern di Android baru:

### File yang dibutuhkan:
- `ic_launcher_background.png` - Background layer (1024×1024)
- `ic_launcher_foreground.png` - Foreground layer (1024×1024)

### Lokasi:
```
android/app/src/main/res/
├── mipmap-mdpi/
│   ├── ic_launcher_foreground.png (108×108)
│   └── ic_launcher_background.png (108×108)
├── mipmap-hdpi/
│   ├── ic_launcher_foreground.png (162×162)
│   └── ic_launcher_background.png (162×162)
... dst
```

## Splash Screen

### Edit Splash Screen:

File konfigurasi: `android/app/src/main/res/values/styles.xml`

```xml
<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
    <item name="android:background">@drawable/splash</item>
</style>
```

### Buat Custom Splash:

1. Buat image splash (misal: 1080×1920 px)
2. Save di `android/app/src/main/res/drawable/splash.png`
3. Edit `styles.xml` seperti di atas

### Atau gunakan warna solid:

```xml
<style name="AppTheme.NoActionBarLaunch" parent="AppTheme.NoActionBar">
    <item name="android:background">@color/splash_background</item>
</style>
```

Dan tambahkan di `android/app/src/main/res/values/colors.xml`:
```xml
<color name="splash_background">#1E88E5</color>
```

## App Name

Edit file: `android/app/src/main/res/values/strings.xml`

```xml
<resources>
    <string name="app_name">ArabiPro</string>
    <string name="title_activity_main">ArabiPro</string>
    <string name="package_name">com.arabipro.app</string>
    <string name="custom_url_scheme">com.arabipro.app</string>
</resources>
```

## Quick Checklist

- [ ] Siapkan master icon 1024×1024 px
- [ ] Generate icon untuk semua densities
- [ ] Replace ic_launcher.png di semua folder mipmap-*
- [ ] (Optional) Setup adaptive icon
- [ ] (Optional) Custom splash screen
- [ ] Update app name di strings.xml
- [ ] Build & test di device

## Tips Design Icon

### DO ✅
- Gunakan design yang simple dan recognizable
- Pastikan icon terlihat jelas di ukuran kecil
- Gunakan warna yang kontras
- Test di berbagai background (light/dark)

### DON'T ❌
- Jangan gunakan terlalu banyak detail
- Jangan gunakan text yang terlalu kecil
- Jangan lupakan safe zone (108dp di Android)

## Resources

- [Android Icon Design Guidelines](https://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher)
- [Material Design Icons](https://material.io/design/iconography/)
- [Adaptive Icons](https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive)

---

**Pro Tip:** Gunakan Icon Kitchen (https://icon.kitchen/) - paling mudah dan cepat! 🚀