Nativescript - 不同设备上的应用启动图标形状

Posted

技术标签:

【中文标题】Nativescript - 不同设备上的应用启动图标形状【英文标题】:Nativescript - app launch icon shapes on different devices 【发布时间】:2019-07-31 09:57:07 【问题描述】:

我使用 nativescript CLI“tns 资源生成图标”命令来生成我的图标。一切看起来都不错,但......并非在所有设备上。当我使用此规范在 android 模拟器上安装我的应用程序时:

  Device: pixel_xl (Google)
  Target: Google APIs (Google Inc.)
  Based on: Android API 28 
  Tag/ABI: google_apis/x86

我的应用程序图标看起来很奇怪。似乎此类设备上的所有图标都在圆圈中。我的图标是带背景的方形,它被缩小并放在这个圆圈内,周围有白色填充(很难看)。

我该如何处理?当我使用另一个工具生成圆形图标时,一切看起来都不错,但在这种情况下,我在每个设备上都有一个圆形图标。我想要一个正方形 - 有没有机会实现这一点,同时在 Android 版本上有一个圆形图标,所有图标都在圆圈中?

【问题讨论】:

【参考方案1】:

它是自适应启动图标

Android 8.0(API 级别 26)引入了自适应启动器图标,可以在不同的设备型号上显示各种形状。例如,自适应启动器图标可以在一个 OEM 设备上显示圆形,而在另一台设备上显示一个松鼠。每个设备 OEM 都提供一个蒙版,然后系统使用该蒙版来渲染所有具有相同形状的自适应图标。自适应启动器图标也用于快捷方式、设置应用、共享对话框和概览屏幕。

Github 有一个开放的功能请求。如果您有兴趣在您的应用中使用这些图标,nStudio 发布了一个blog post 可能会对您有所帮助。

【讨论】:

以上是关于Nativescript - 不同设备上的应用启动图标形状的主要内容,如果未能解决你的问题,请参考以下文章

设备上的 nativescript livereload

为啥我的 Nativescript-vue 发布 apk 出现错误

是否可以将 nativescript 预览功能与 HMR 一起使用?

升级到 7 后 Nativescript Vue 应用程序在启动时崩溃

Nativescript 在设备 IOS 上运行 - dyld 库未加载 @rpath/Nativescript.framework

Nativescript iOS 在设备上构建/运行失败