diff --git a/app/assets/icon/ic_background.png b/app/assets/icon/ic_background.png new file mode 100644 index 0000000..da1badc Binary files /dev/null and b/app/assets/icon/ic_background.png differ diff --git a/app/assets/icon/ic_foreground.png b/app/assets/icon/ic_foreground.png new file mode 100644 index 0000000..2e9d42d Binary files /dev/null and b/app/assets/icon/ic_foreground.png differ diff --git a/app/pubspec.yaml b/app/pubspec.yaml index 1ae01d2..45d042e 100644 --- a/app/pubspec.yaml +++ b/app/pubspec.yaml @@ -22,6 +22,8 @@ flutter_launcher_icons: android: true ios: false image_path: "assets/icon/icon.png" + adaptive_icon_background: "assets/icon/ic_background.png" + adaptive_icon_foreground: "assets/icon/ic_foreground.png" min_sdk_android: 21 environment: diff --git a/design/ic_background.png b/design/ic_background.png new file mode 100644 index 0000000..da1badc Binary files /dev/null and b/design/ic_background.png differ diff --git a/design/ic_foreground.png b/design/ic_foreground.png new file mode 100644 index 0000000..2e9d42d Binary files /dev/null and b/design/ic_foreground.png differ diff --git a/design/icon/README.md b/design/icon/README.md new file mode 100644 index 0000000..0e58a18 --- /dev/null +++ b/design/icon/README.md @@ -0,0 +1,79 @@ +# DMC Launcher Icon – Adaptive Icon Layers + +## Warum vorher ein weisser Rand entstand + +`flutter_launcher_icons` erzeugt ein Adaptive Icon **nur**, wenn +`adaptive_icon_background` UND `adaptive_icon_foreground` gesetzt sind. +Der `image_path` wird nicht automatisch als Vordergrund uebernommen. + +Ohne Adaptive Icon faellt Android auf die Alt-Behandlung zurueck: +Es verkleinert das quadratische Bild und legt es auf weissen Grund, +damit es in die Maskenform passt. Genau das war der weisse Kreis. + +## Dateien + +| Datei | Inhalt | +|---------------------------|-------------------------------------------| +| `ic_background.png` | Deckend `#160E24` + M in der 66dp-Zone | +| `ic_background_alt_A.png` | Alternative: M fuellt die sichtbaren 72dp | +| `ic_foreground.png` | Transparent + weisses DC (Sicherheitszone)| +| `ic_monochrome.png` | DC-Silhouette fuer Themed Icons | + +Alle 432x432 px (= 108dp bei xxxhdpi). SVG-Quellen liegen daneben. + +## Warum das M nicht mehr randfuellend ist + +Die Maske zeigt nur die inneren 72 von 108 dp (288 von 432 px). +Ein randfuellendes M verliert dadurch 72 px pro Seite. +Gemessener Anteil des sichtbaren M: + +| Variante | Kreis | Squircle | Eckig | +|-----------------------------|-------|----------|-------| +| randfuellend (urspruenglich)| 31 % | 36 % | 40 % | +| A – M fuellt die 72dp | 74 % | 90 % | 99 % | +| B – M in der 66dp-Zone | 84 % | 97 % | 100 % | + +Ausgeliefert wird B, weil es in **jeder** Maskenform besser +abschneidet als A. Wer das M naeher am Rand moechte, nimmt +`ic_background_alt_A.png`. + +Geprueft: +- Hintergrund vollstaendig deckend +- Vordergrund max. 127 px vom Zentrum -> passt in die 132 px Sicherheitszone +- Aeusseres 18dp-Band enthaelt nur Hintergrundfarbe + +## pubspec.yaml + +```yaml +dev_dependencies: + flutter_launcher_icons: ^0.14.4 + +flutter_launcher_icons: + android: "launcher_icon" + ios: true + image_path: "assets/launcher/ic_playstore.png" + + adaptive_icon_background: "assets/launcher/ic_background.png" + adaptive_icon_foreground: "assets/launcher/ic_foreground.png" + adaptive_icon_monochrome: "assets/launcher/ic_monochrome.png" +``` + +Danach: + +``` +flutter clean +dart run flutter_launcher_icons +``` + +`flutter clean` nicht weglassen - alte Icons werden sonst +oft aus dem Cache weiterverwendet. + +## Hinweise + +- `image_path` ist der Alt-/iOS-Pfad. Dafuer die eckige Vollversion + nehmen (Y2_pink_dark_square), nicht die Ebenen. +- Fuer den Play Store zusaetzlich 512x512 px, ohne Transparenz. +- Das Benachrichtigungssymbol ist eine eigene Grafik: + weiss auf transparent, in `drawable/`, nicht `mipmap/`. +- Auf einem echten Geraet gegen mehrere Launcher pruefen + (Samsung = Kreis, Pixel = Squircle). diff --git a/design/icon/compare_masks.png b/design/icon/compare_masks.png new file mode 100644 index 0000000..4e45000 Binary files /dev/null and b/design/icon/compare_masks.png differ diff --git a/design/icon/ic_background.png b/design/icon/ic_background.png new file mode 100644 index 0000000..72c90ab Binary files /dev/null and b/design/icon/ic_background.png differ diff --git a/design/icon/ic_background.svg b/design/icon/ic_background.svg new file mode 100644 index 0000000..c118b9a --- /dev/null +++ b/design/icon/ic_background.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/design/icon/ic_background_alt_A.png b/design/icon/ic_background_alt_A.png new file mode 100644 index 0000000..da1badc Binary files /dev/null and b/design/icon/ic_background_alt_A.png differ diff --git a/design/icon/ic_background_alt_A.svg b/design/icon/ic_background_alt_A.svg new file mode 100644 index 0000000..214e5ba --- /dev/null +++ b/design/icon/ic_background_alt_A.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/design/icon/ic_foreground.png b/design/icon/ic_foreground.png new file mode 100644 index 0000000..2e9d42d Binary files /dev/null and b/design/icon/ic_foreground.png differ diff --git a/design/icon/ic_monochrome.png b/design/icon/ic_monochrome.png new file mode 100644 index 0000000..2e9d42d Binary files /dev/null and b/design/icon/ic_monochrome.png differ diff --git a/flutter commands.txt b/flutter commands.txt index e8824ab..75da726 100644 --- a/flutter commands.txt +++ b/flutter commands.txt @@ -3,4 +3,6 @@ flutter build apk --release Install release: flutter install Debug: -flutter run \ No newline at end of file +flutter run +build aufrauemen: +flutter clean \ No newline at end of file