You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@cordova.apache.org by "Josef Brandl (JIRA)" <ji...@apache.org> on 2017/12/17 16:45:00 UTC

[jira] [Created] (CB-13685) Android Adaptive Icons

Josef Brandl created CB-13685:
---------------------------------

             Summary: Android Adaptive Icons
                 Key: CB-13685
                 URL: https://issues.apache.org/jira/browse/CB-13685
             Project: Apache Cordova
          Issue Type: Improvement
          Components: cordova-android
    Affects Versions: cordova@7.0.0
         Environment: All
            Reporter: Josef Brandl
            Assignee: Joe Bowser
            Priority: Minor


Starting with Android 8 Oreo (API level 26) Android allows developers to create app icons using a background and a foreground image file. This feature is called "adaptive icons". One major change that goes with this feature is that icons get now clipped into a shape by the system. This leads to a very uniform and clean design like on iOS where all icons are a rounded rectangle. The other advantage is that visual effects can be applied to the icon by the system due to the separation between foreground an background.

Android Studio greatly assists the developer at the creation of the app icon resources because it creates backwards compatible icons for older devices that don't support the adaptive icons feature.

https://developer.android.com/studio/write/image-asset-studio.html

The following resources are created.
{{
res
├── drawable
│   ├── ic_launcher_background.xml
│   └── ic_launcher_foreground.xml
├── mipmap-anydpi-v26
│   ├── ic_launcher.xml
│   └── ic_launcher_round.xml
├── mipmap-hdpi
│   ├── ic_launcher.png
│   └── ic_launcher_round.png
├── mipmap-mdpi
│   ├── ic_launcher.png
│   └── ic_launcher_round.png
├── mipmap-xhdpi
│   ├── ic_launcher.png
│   └── ic_launcher_round.png
├── mipmap-xxhdpi
│   ├── ic_launcher.png
│   └── ic_launcher_round.png
└── mipmap-xxxhdpi
     ├── ic_launcher.png
     └── ic_launcher_round.png
}}

It is currently not clear how these files can be used inside a cordova project.
- res/mipmap-anydpi-v26/ic_launcher.xml points to other image resources (foreground, background)
- The foreground and background can be vector graphics (-> xml files in res/drawable)
- The documentation needs to be updated

(I've never reported an issue using JIRA before - I'm only used to github. So, please guide me if I'm doing something incorrect)



--
This message was sent by Atlassian JIRA
(v6.4.14#64029)

---------------------------------------------------------------------
To unsubscribe, e-mail: issues-unsubscribe@cordova.apache.org
For additional commands, e-mail: issues-help@cordova.apache.org