Uploaded image for project: 'Apache Cordova'
  1. Apache Cordova
  2. CB-13685

Android Adaptive Icons

    XMLWordPrintableJSON

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Minor
    • Resolution: Resolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: cordova-android
    • Labels:
      None
    • Environment:

      All

      Description

      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)

        Attachments

          Activity

            People

            • Assignee:
              erisu Bryan Ellis
              Reporter:
              MajorBreakfast Josef Brandl
            • Votes:
              1 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: