时间戳

首页 > 解决方案 > Android PWA 的启动画面

android - Android PWA 的启动画面

问题描述

我正在使用 Angular SPA 并启用了服务人员。我在我的索引页面上包含了 manifest.json 文件。

现在我想使用两个不同的图标

  1. 当用户说添加到主屏幕（主屏幕添加图标）时。
  2. 启动画面图标/图像（从加载应用程序到显示页面时显示的图像）

参考我下面的代码：

清单.json

{
  "name": "myApp",
  "short_name": "myApp",
  "theme_color": "#1c4cc3",
  "background_color": "#ffffff",
  "display": "standalone",
  "scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "assets/icons/logo-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    }
  ]
}

将其包含在 index.html 页面中

<link rel="manifest" href="manifest.json">

标签： android

解决方案

首先，创建一个可绘制资源文件：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:opacity="opaque">
    <item android:drawable="@color/colorPrimary"/>
    <item>
        <bitmap
            android:gravity="center"
            android:src="@drawable/icon"/>
    </item>
</layer-list>

然后将其应用于样式中的活动主题（主题必须分配给主活动）：

<item name="android:windowBackground">@drawable/splash</item>

最后，将其应用于清单上的活动：

android:theme="@style/yourTheme"

给你...

推荐阅读