问题标签 [adaptive-icon]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
23 浏览

android - 如何在圆上找到点以定义最大化空间的基于比率的矩形?

我的问题来自 Android 8.0 Adaptive Icon 要求:

https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive

我正在开发一个 Android 应用程序,其中启动器图标是未知的,并且进行应用程序部署的人不知道 SVG 是什么(并且没有人有时间、金钱或耐心来尝试解释/理解 SVG 是什么任何一个)。这意味着 PNG 图像需要在 Android 8.0 及更高版本上看起来不错。

自适应图标以 108dp x 108dp 显示。在 xxxhdpi (4x) 上,它的总空间为 432x432 像素。但是,前景中只使用了一个直径为 66dp 的圆,即 xxxhdpi 上的 264x264 像素。问题是图标位于圆形遮罩内。解释什么是圆形面具以及为什么需要它也将非常困难。简而言之,接收到的图像将是矩形的,大多数人喜欢填充可用空间。

所以我想做的是获取我得到的任何矩形输入图像并计算它的比率(简单),然后找到具有相同比率的矩形,该矩形使直径为 66dp 的受限圆中的空间最大化。我可以通过从 0 度到 90 度(即猜测)来使用欧拉方法方法,直到我得到“足够接近”但是一个很好的、易于遵循的代码,它不使用直接来自比率的 for 循环到一个精确的矩形会更干净。我更喜欢 C/C++ 风格,但只要它可读,我会尽我所能。我对三角函数很生疏——自从我上次不得不做任何严肃的数学运算以来已经快 20 年了,所以请不要在 LaTeX 中使用公式而不将其转换为我能理解的东西(即代码)——每当我着陆时,我都会很迷茫这些天在数学 SE 网站上。

(如果有人认为我正在寻找讲义,只要我知道要寻找什么,我就可以自己完成工作。我有三个未知数:角度,对面的长度和相邻的长度。经典的 SOH-CAH-TOA 不直接适用。我有两个已知值:斜边的长度和矩形的比率。我可以一起破解一个解决方案,但如果有的话我宁愿不更清洁的解决方案。)

0 投票
0 回答
108 浏览

android - 如何在所有 Android 设备上实现相同的启动器图标?

最近,我正在我的 android 应用程序中实现自适应启动器图标。我已经成功实施了。

我在一些 Gionee 手机上运行我的应用程序(主要是我在 Stock Android 上运行我的应用程序),运行在定制的 Android 6.0 上,比如 mi 或 Huawei。我发现制造商在定制的 Android 中嵌入了某种丑陋的面具,这使得 App Icons 丑陋。

所以,我下载了其他应用程序,发现其他应用程序也有这个丑陋的面具,但是像 Google Tez、Google PlayStore 和许多其他谷歌应用程序这样的应用程序以某种方式无视这个丑陋的面具东西,使他们的图标像原来的一样。他们是怎么做到的?

我认为将他们的启动器图标放入我的可以结束我的痛苦,并且我会以某种方式获得使启动器图标更兼容的洞察力。

这是将 Tez 图标放入我的资源文件的结果。

在此处输入图像描述

如您所见,我在谷歌浏览器左侧的图标中有那个丑陋的面具,而右侧是原始的 Tez 应用程序图标。他们是怎么做到的?

0 投票
2 回答
2679 浏览

android - 为什么我的启动器图标看起来不同?

看图片:

在此处输入图像描述

为什么我的图标看起来与屏幕上的其他图标不同?在 Android Studio 中,我将修剪设置为零,但它仍然在我的手机上显示为这样。我安装了 Nova Launcher,这使得我所有的应用程序都有圆形图标,但是看看谷歌地图和 Instagram,我如何让我的图标填满圆圈?

0 投票
1 回答
844 浏览

android - 如何在渐进式 Web 应用程序中使用自适应启动器图标

自适应启动器图标的新 Android 8.0 标准将我的 PWA 图标留在白色框或圆圈中,具体取决于用户设备上设置的图标形状。我想在我的 PWA 中包含一个自适应图标,但根本找不到任何关于此的文档。

有没有办法为不同的形状包含元图标和不同的图标,或者为自适应图标包含必要的图层?

0 投票
2 回答
1761 浏览

android - 如何使用 IconCompat.createWithAdaptiveBitmap

我想将自适应图标应用于以下代码生成的快捷方式(代码仅供参考,不编译):

这是我的图标 (ic_main_white.xml)

使用 Android 资产生成器,我创建了一个图像资产,在其中生成了所有需要的文件。这与为应用的启动器图标创建自适应图标时所经历的过程相同。

但结果只是显示的图标的一部分,看起来生成的图标对于它的预期来说太大了,或者我在某个地方遗漏了一些东西。

还有这个文档,其中说明了以下内容:

对于动态快捷方式,请在创建它们时调用 createWithAdaptiveBitmap() 方法。

图标是由 Android Studio 本身生成的,这也适用于我的启动器图标,但为什么使用 createWithAdaptiveBitmap 不能正常工作?我是否遗漏了一些 java 代码,或者您是否知道使用带有快捷方式的自适应图标的示例,我在 GitHub 或其他地方找不到任何有效的东西。

0 投票
5 回答
11100 浏览

android - Android Studio 3.3 不允许 SDK 版本低于 26 的自适应图标

刚刚从 Android Studio 3.2.1 升级到 3.3。以前我的项目 - 针对 SDK v28- 构建没有问题,现在我得到这个构建错误:

  • 出了什么问题:任务“:app:processDebugResources”执行失败。

    Android 资源链接失败 C:\app\src\main\res\mipmap-anydpi-v25\ic_launcher_round.xml: 错误:<adaptive-icon> 元素需要至少 26 的 sdk 版本。
    错误:链接文件资源失败。

显然,我在文件夹中有一个<adaptive-icon>资源。mipmap-anydpi-v25

那么,哪个 AS 版本正确处理了这个问题;3.2.1 还是 3.3?我应该删除我的v25图标吗?我以为 Lollipop 支持这种类型的图标...

0 投票
1 回答
2526 浏览

android - android studio 图像资产中的圆形启动器图标

我注意到一些应用程序在任何设备上都是圆形的。

圆形图像

在此处输入图像描述

我希望我的应用程序也一样。但是 Image Asset 不允许为自适应图标选择透明背景。我试图将透明 png 图像设置为背景,但它在我的设备上填充黑色。

黑色图像

在此处输入图像描述

安卓清单:

背景图片

前景图像

如何为所有主题和设备制作圆形图标?

0 投票
2 回答
982 浏览

android - 尝试使用自适应图标构建科尔多瓦应用程序时出错

尝试在 config.xml 中添加自适应图标时,尝试构建时出现以下错误

为密度类型设置了以下属性之一,但缺少另一个属性:ldpi、mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi。请确保定义了所有需要的属性。

我的代码是:

我正在使用cordova-android 8.0.0

0 投票
1 回答
1550 浏览

android - 如何为android中的自适应图标格式化/调整VectorDrawable的大小

我正在尝试为使用两个 VectorDrawables 作为背景和前景的应用程序创建一个自适应图标。但是,从 Illustrator 中制作的 svg 创建的前景矢量无法调整大小或正确放置在图标中。

供将来参考的前景矢量

供将来参考的前景矢量

我根据 Adaptive icon Guidelines中的规范将矢量 viewportheight 和 viewportwidth 设置为 108dp x 108dp ,但这只会导致前景偏移。

结果

但是,当 viewportheight 和 viewportwidth 设置为较小的值(例如 50)时,矢量出现在正确的位置但太大了。

结果

我是使用 android 的新手,所以我不确定还有哪些其他因素可能导致这种情况。还有另一个类似的问题,但是没有解决抵消效应的原因。

0 投票
1 回答
755 浏览

android - android studio SVG 文件导入在第 8 行出现错误:不支持的颜色格式“rgba(0,0,0,0)”

最近我开始为安卓应用创建自适应图标

ic_launcher_background.xml 的 SVG 文件导入成功,但 ic_launcher_foreground.xml 出现如下错误

  1. 错误@第 8 行:不支持的颜色格式“rgba(0,0,0,0)”
  2. 错误@第 9 行:不支持

注意:我无法发布完整的代码,所以我删除了路径数据