blocks|key|85781|text|您可以尝试这样做:从image+Asset中选择应用程序图标的图像后，将Shape+(在Image+Asset下的Legacy选项卡中找到)的属性从Square设置为None。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|85782|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You can try this: After selecting the image for the app icon from Image Asset, set the property of Shape (found in Legacy tab under Image Asset) from Square to None.

blocks|key|2601196|text|<splash+platform="android"+src="package-assets/splash_320_426.png"+density="ldpi"+width="320"+height="426"+orientation="portrait"/>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|2601197|你可以把android改成ios，把src=的“路径”改成你想要的，把密度改成一个已知的设置，设置图片的宽度、高度和方向。图标方向无关紧要，但开机画面和其他图像可能不相关。图标的设置如下：|unstyled|2601198|<icon+platform="android"+src="package-assets/ldpi.png"+density="ldpi"+width="36"+height="36"/>|2601199|当然，这是在config.xml中实现的，您不必将其放在platform部分中，因为您在标记中指定了平台。|2601200|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>&lt;splash platform="android" src="package-assets/splash_320_426.png" density="ldpi" width="320" height="426" orientation="portrait"/&gt;
</code></pre>

You can change android to ios, change the src="path" to whatever you want, change the density to one of the known settings, set the images width and height and the orientation. Icon orientation is irrelevant but splash and other images may not be. Icons are set like this:

<pre><code>&lt;icon platform="android" src="package-assets/ldpi.png" density="ldpi" width="36" height="36"/&gt;
</code></pre>

Of course this goes in the config.xml and you don't have to place it inside of platform sections since you specify the platform in the tag.

blocks|key|2813360|text|下面是我正在生产的项目的测试和工作解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2813361|将生成的所有图标复制到项目根目录下的res/android中(与resources或platforms文件夹同级)，并将以下配置添加到config.xml文件中：|offset|length|style|CODE|2813362|<widget+xmlns:android="http://schemas.android.com/apk/res/android">
++++<platform+name="android">
++++++++<edit-config+file="app/src/main/AndroidManifest.xml"+mode="merge"+target="/manifest/application">
++++++++++++<application+android:icon="@mipmap/ic_launcher"+android:roundIcon="@mipmap/ic_launcher_round"+/>
++++++++</edit-config>
++++++++<resource-file+src="res/android/drawable/ic_launcher_background.xml"+target="app/src/main/res/drawable/ic_launcher_background.xml"+/>
++++++++<resource-file+src="res/android/mipmap-hdpi/ic_launcher.png"+target="app/src/main/res/mipmap-hdpi/ic_launcher.png"+/>
++++++++<resource-file+src="res/android/mipmap-hdpi/ic_launcher_round.png"+target="app/src/main/res/mipmap-hdpi/ic_launcher_round.png"+/>
++++++++<resource-file+src="res/android/mipmap-mdpi/ic_launcher.png"+target="app/src/main/res/mipmap-mdpi/ic_launcher.png"+/>
++++++++<resource-file+src="res/android/mipmap-mdpi/ic_launcher_round.png"+target="app/src/main/res/mipmap-mdpi/ic_launcher_round.png"+/>
++++++++<resource-file+src="res/android/mipmap-xhdpi/ic_launcher.png"+target="app/src/main/res/mipmap-xhdpi/ic_launcher.png"+/>
++++++++<resource-file+src="res/android/mipmap-xhdpi/ic_launcher_round.png"+target="app/src/main/res/mipmap-xhdpi/ic_launcher_round.png"+/>
++++++++<resource-file+src="res/android/mipmap-xxhdpi/ic_launcher.png"+target="app/src/main/res/mipmap-xxhdpi/ic_launcher.png"+/>
++++++++<resource-file+src="res/android/mipmap-xxhdpi/ic_launcher_round.png"+target="app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png"+/>
++++++++<resource-file+src="res/android/mipmap-xxxhdpi/ic_launcher.png"+target="app/src/main/res/mipmap-xxxhdpi/ic_launcher.png"+/>
++++++++<resource-file+src="res/android/mipmap-xxxhdpi/ic_launcher_round.png"+target="app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png"+/>
++++</platform>++++
</widget>|code-block|syntax|javascript|2813363|不要忘记会将xmlns:android="http://schemas.android.com/apk/res/android"添加到您的<widget>中。|BOLD|2813364|如果您有+<icon>作为<widget>+=>+<platform+=>+<icon>，请将其删除。|2813365|在您的config.xml中添加了上述更改后，删除带有ionic+cordova+platform+remove+android或sudo+ionic+cordova+platform+remove+android的安卓平台(取决于您的环境设置)，然后再次添加带有ionic+cordova+platform+add+android或sudo+ionic+cordova+platform+add+android的安卓平台。|2813366|创建构建，安装并检查结果。|2813367|我在我的生产代码中使用了上述配置，结果如下：|2813368|​|2813369|📷|atomic|2813370|2813371|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b0bec8929549dee298118b39f8b1dc71.png|imageAlt^0|0|I|B|W|9|16|9|1V|A|0|0|0|4|6|1M|1X|8|0|0|4|5|6|D|8|P|9|12|6|0|3|A|R|11|1T|16|3O|Y|4N|13|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1D|8|@$D|1E|E|1F|F|G]|$D|1G|E|1H|F|G]|$D|1I|E|1J|F|G]|$D|1K|E|1L|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|1M|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1N|8|@$D|1O|E|1P|F|O]|$D|1Q|E|1R|F|G]|$D|1S|E|1T|F|G]]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1U|8|@$D|1V|E|1W|F|O]|$D|1X|E|1Y|F|G]|$D|1Z|E|20|F|G]|$D|21|E|22|F|G]|$D|23|E|24|F|G]]|9|@]|A|$]]|$1|R|3|S|5|6|7|25|8|@$D|26|E|27|F|G]|$D|28|E|29|F|G]|$D|2A|E|2B|F|G]|$D|2C|E|2D|F|G]|$D|2E|E|2F|F|G]]|9|@]|A|$]]|$1|T|3|U|5|6|7|2G|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|2H|8|@]|9|@]|A|$]]|$1|X|3|Y|5|6|7|2I|8|@]|9|@]|A|$]]|$1|Z|3|10|5|11|7|2J|8|@]|9|@$D|2K|E|2L|1|2M]]|A|$]]|$1|12|3|Y|5|6|7|2N|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|2O|8|@]|9|@]|A|$]]]|14|$15|$5|16|17|18|A|$19|1A|1B|-4]]]]

Below is a tested and working solution for my project that is in production.

Copy all the generated icons to <code>res/android</code> at the root of your project (Same level as <code>resources</code> or <code>platforms</code> folders) and add the below configuration to <code>config.xml</code> file:

<pre><code>&lt;widget xmlns:android="http://schemas.android.com/apk/res/android"&gt;
 &lt;platform name="android"&gt;
 &lt;edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application"&gt;
 &lt;application android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" /&gt;
 &lt;/edit-config&gt;
 &lt;resource-file src="res/android/drawable/ic_launcher_background.xml" target="app/src/main/res/drawable/ic_launcher_background.xml" /&gt;
 &lt;resource-file src="res/android/mipmap-hdpi/ic_launcher.png" target="app/src/main/res/mipmap-hdpi/ic_launcher.png" /&gt;
 &lt;resource-file src="res/android/mipmap-hdpi/ic_launcher_round.png" target="app/src/main/res/mipmap-hdpi/ic_launcher_round.png" /&gt;
 &lt;resource-file src="res/android/mipmap-mdpi/ic_launcher.png" target="app/src/main/res/mipmap-mdpi/ic_launcher.png" /&gt;
 &lt;resource-file src="res/android/mipmap-mdpi/ic_launcher_round.png" target="app/src/main/res/mipmap-mdpi/ic_launcher_round.png" /&gt;
 &lt;resource-file src="res/android/mipmap-xhdpi/ic_launcher.png" target="app/src/main/res/mipmap-xhdpi/ic_launcher.png" /&gt;
 &lt;resource-file src="res/android/mipmap-xhdpi/ic_launcher_round.png" target="app/src/main/res/mipmap-xhdpi/ic_launcher_round.png" /&gt;
 &lt;resource-file src="res/android/mipmap-xxhdpi/ic_launcher.png" target="app/src/main/res/mipmap-xxhdpi/ic_launcher.png" /&gt;
 &lt;resource-file src="res/android/mipmap-xxhdpi/ic_launcher_round.png" target="app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png" /&gt;
 &lt;resource-file src="res/android/mipmap-xxxhdpi/ic_launcher.png" target="app/src/main/res/mipmap-xxxhdpi/ic_launcher.png" /&gt;
 &lt;resource-file src="res/android/mipmap-xxxhdpi/ic_launcher_round.png" target="app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png" /&gt;
 &lt;/platform&gt; 
&lt;/widget&gt;
</code></pre>

Don't forget to add <code>xmlns:android="http://schemas.android.com/apk/res/android"</code> to your <code>&lt;widget&gt;</code>.

Remove <code>&lt;icon&gt;</code> if you have one as <code>&lt;widget&gt;</code> => <code>&lt;platform</code> => <code>&lt;icon&gt;</code>.

After adding above changes to your <code>config.xml</code>, remove your Android platform with <code>ionic cordova platform remove android</code> or <code>sudo ionic cordova platform remove android</code> (depending upon your environment settings) and then add Android platform again with <code>ionic cordova platform add android</code> or <code>sudo ionic cordova platform add android</code>.

Create build, install and check the results.

I used above configurations in my production code and here are the results:

<a href="https://i.stack.imgur.com/sGm8f.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sGm8f.png" alt="enter image description here"></a>

blocks|key|2601214|text|当你在谷歌上搜索"Cordova+Android自适应图标“时，这篇文章是最热门的。这里建议的方法，特别是@VicJordan的答案是一个完整的解决方案。然而，应该注意的是，Cordova+Android的version+8引入了自己的方式来支持不需要使用Android+Asset+Studio的自适应图标。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2601215|下面是你需要做的|2601216|2601217|移除Cordova应用程序的<icon+density="?dpi"+src+=+"path/to/icon/resource"/>文件中的旧样式config.xml语句|unordered-list-item|style|CODE|2601218|提供匹配的<icon+density+=+"?dpi"+background+=+"path/to/icon/background"/>+<icon+density+=+"?dpi"+background="path/to/icon/foreground"/>指令|2601219|2601220|where+?+=+l%7Cm%7Ch%7Cx%7Cxx%7Cxxx|2601221|您也可以使用彩色blackgrounds而不是图像。有关所有这一切的完整详细信息，请参阅Cordova+8+documentation。|2601222|entityMap|0|LINK|mutability|MUTABLE|url|https://cordova.apache.org/announcements/2019/02/16/cordova-android-release-8.0.0.html|1|https://cordova.apache.org/docs/en/dev/config_ref/images.html#android^0|2V|9|0|0|0|0|E|1G|21|A|0|5|1R|1X|1P|0|0|6|I|0|18|N|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|6|7|16|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|17|8|@]|9|@]|C|$]]|$1|G|3|H|5|I|7|18|8|@$A|19|B|1A|J|K]|$A|1B|B|1C|J|K]]|9|@]|C|$]]|$1|L|3|M|5|I|7|1D|8|@$A|1E|B|1F|J|K]|$A|1G|B|1H|J|K]]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1I|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1J|8|@$A|1K|B|1L|J|K]]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1M|8|@]|9|@$A|1N|B|1O|1|1P]]|C|$]]|$1|S|3|-4|5|6|7|1Q|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]|10|$5|V|W|X|C|$Y|11]]]]

This SO post is the top hit when you Google for "Cordova Android adaptive icons". The methods suggested here, particularly @VicJordan's answer are a complete solution. However, it should be noted that <a href="https://cordova.apache.org/announcements/2019/02/16/cordova-android-release-8.0.0.html" rel="nofollow noreferrer">version 8</a> of Cordova Android introduced its own way of supporting adaptive icons that do not require you to use Android Asset Studio.

Here is what you need to do

<ul>
<li>Remove the old style <code>&lt;icon density="?dpi" src = "path/to/icon/resource"/&gt;</code> statements in the <code>config.xml</code> file for your Cordova app</li>
<li>Provide a <code>&lt;icon density = "?dpi" background = "path/to/icon/background"/&gt;</code> directive</li>
<li>Provide a matching <code>&lt;icon density = "?dpi" background="path/to/icon/foreground"/&gt;</code> directive</li>
</ul>

where <code>? = l|m|h|x|xx|xxx</code>

You can also use color blackgrounds rather than images. For full details on all of this refer to the <a href="https://cordova.apache.org/docs/en/dev/config_ref/images.html#android" rel="nofollow noreferrer">Cordova 8 documentation</a>.

I have a generated set of icons using <a href="https://developer.android.com/studio/write/image-asset-studio#create-adaptive" rel="nofollow noreferrer">Android Image Asset Studio</a>. 
However, I do not know how I can set those icons to my app in <code>Cordova</code>.

When following the <a href="https://cordova.apache.org/docs/en/latest/config_ref/images.html" rel="nofollow noreferrer">documentation regarding icons in Cordova</a>, I only managed to set the square icons to my project using the following code:

<pre><code>&lt;platform name="android"&gt;
 &lt;!--
 ldpi : 36x36 px
 mdpi : 48x48 px
 hdpi : 72x72 px
 xhdpi : 96x96 px
 xxhdpi : 144x144 px
 xxxhdpi : 192x192 px
 --&gt;
 &lt;icon src="res/android/ldpi.png" density="ldpi" /&gt;
 &lt;icon src="res/android/mdpi.png" density="mdpi" /&gt;
 &lt;icon src="res/android/hdpi.png" density="hdpi" /&gt;
 &lt;icon src="res/android/xhdpi.png" density="xhdpi" /&gt;
 &lt;icon src="res/android/xxhdpi.png" density="xxhdpi" /&gt;
 &lt;icon src="res/android/xxxhdpi.png" density="xxxhdpi" /&gt;
&lt;/platform&gt;
</code></pre>

However, say in Android Oreo the icons of apps are round and it does not display my app's icon properly on that phone. The icon is shrank inside the circle and has white background around it. 

<a href="https://i.stack.imgur.com/JUirR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JUirR.png" alt="enter image description here"></a>

Question: How can I set the rounded icons that Image Asset Studio generated to my Cordova project?

Cordova - Adaptive icons on Android

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我使用生成了一组图标。然而，我不知道如何在Cordova中为我的应用程序设置这些图标。在使用时，我只使用以下代码为我的项目设置了方形图标：<platform name="android"> <!-- ldpi : 36x36 px mdpi : 48x48 px ...

问Cordova - Android上的自适应图标
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Cordova - Android上的自适应图标EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Cordova - Android上的自适应图标
EN