Suggestion Issue: Support for adaptive icons on Android (can be done manually for now)


Pages: 1

soereide

  • Subscriber - Stencyl Studio
  • *
October 02, 2018, 04:59:48 am
Google has added support for adaptive icons on Android.
https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive
This is great, but it does mean that on an Android 9 device,
current Stencyl app icons look like this:


« Last Edit: August 06, 2021, 10:41:31 am by Justin »


rob1221

  • Master Stencyler
  • *
October 04, 2018, 12:23:43 pm
This might need to be supported by OpenFL first: https://github.com/openfl/lime/issues/1114


soereide

  • Subscriber - Stencyl Studio
  • *
August 02, 2021, 03:11:45 am
Any update on this? Would be nice to have.


Justin

  • Master Stencyler
  • *
August 03, 2021, 12:25:37 am
Depending on the desired features, this could take a non-insignificant amount of work to integrate directly into Stencyl. If you have an existing adaptive icon (created by Android Studio, for example), it shouldn't be too hard to add it to your game.

To create an icon:
1. Build your game for Android.

2. In Android Studio, open your Stencyl project (stencylworks/games-generated/[game name]/Export/android/bin).

3. Follow Android Studio documentation to create an Adaptive Icon.

- In the following quote, the res folder they mention is at bin/app/src/main/res.
Quote
Right-click the res folder and select New > Image Asset.

- If you want to use an svg as an input, you need to create a Vector Asset using that svg first. This will create a .xml file. Then, when creating your Image Asset, you can supply the Vector Asset (the xml file) you just created as an input. Once you're done, you can delete the xml file you got from importing the svg.

- When you get to the Confirm Icon Path page of Asset Studio, make a note of all of the files that are about to be created.

To use the icon in your Stencyl project:
1. Make sure you're using Stencyl 4.1.0-beta3/b10795 or later (released just now).

2. Find the files you just created in Android Studio, and copy them to your Stencyl project's lime-templates folder.
From: stencylworks/games-generated/[game name]/Export/android/bin/app/src/main/res
To: stencylworks/games/[game name]/lime-templates/android/template/app/src/main/res
The lime-templates folder and successive subfolders will need to be created.

3. Create a file called AndroidManifest.xml with the following content:
Code: [Select]
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">

<application android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" tools:replace="android:icon, android:roundIcon">

</application>

</manifest>

- This assumes you named the icon with the default name, "ic_launcher". This also assumes you created a "round" icon variant as well. You can delete everything related to round icons from this file if you didn't.

4. Save the file to the following two locations:
- stencylworks/games/[game name]/lime-templates/android/template/app/src/release/AndroidManifest.xml
- stencylworks/games/[game name]/lime-templates/android/template/app/src/debug/AndroidManifest.xml

Test your game again from Stencyl and you should see your new adaptive icon!
« Last Edit: August 03, 2021, 12:31:53 am by Justin »


soereide

  • Subscriber - Stencyl Studio
  • *
August 06, 2021, 09:52:14 am
Thanks!
Works for me.


Issue updated by Justin - August 06, 2021, 10:41:31 am
  • Issue renamed from "Support for adaptive icons on Android" to "Support for adaptive icons on Android (can be done manually for now)"


Pages: 1

Details

  • Reported
    October 02, 2018, 04:59:48 am
  • Updated
    August 06, 2021, 10:41:31 am

  • View Status
    Public
  • Type
    Suggestion
  • Status
    New
  • Priority
    Normal
  • Version
    Stencyl 3.5
  • Fixed in
    (none)
  • Assigned to
    (none)
  • Category
    (none)

Tags