如何在 Cordova 中设置电视横幅？

Question

我不知道如何在 Cordova 中设置电视横幅，所以安装的应用在主屏幕上使用它。

我正在使用cordova-plugin-android-tv，它将android:banner="@drawable/banner" 添加到<application> 元素中，如文档中所述：

https://developer.android.com/training/tv/start/start#banner

这是在cordova/plugins/cordova-plugin-android-tv/patch.js 执行的。

安装插件和电视支持都可以立即工作。我能够在 Android TV 中安装该应用程序，并且主屏幕上有一个启动横幅。但这不是我标明的横幅。

问题是我不知道如何在 Cordova 中包含电视横幅。

我试过把它放在cordova/res/drawable-xhdpi/banner.png 和cordova/res/drawable/banner.png。

在config.xml 我已经包括：

<platform name="android">
  <resource-file 
    src="res/drawable-xhdpi/banner.png" 
    target="app/src/main/res/drawable-xhdpi/banner.png" />
</platform>

也试过了：

<platform name="android">
  <resource-file 
    src="res/drawable/banner.png" 
    target="app/src/main/res/drawable/banner.png" />
</platform>

但我在安装 Android TV 主屏幕时看不到横幅。

怎么做？

我查看了 Android 和 Cordova 文档，但不知道如何实现：

https://developer.android.com/training/tv/start/start#banner

https://developer.android.com/guide/topics/resources/drawable-resource#BitmapFile

http://cordova.apache.org/docs/en/8.x/config_ref/index.html#resource-file

我正在使用Corber plugin 开发带有Ember.js 应用程序的Cordova 应用程序。版本是 Cordova 8.0.0。

Answer 1

在您的cordova config.xml 中的platform name=android 中使用“splash”元素。 Android 版本会将您的图像复制到 YOUR_CORDOVA_PROJECT/platforms/android/app/ src/main/res/drawable。

尺寸为：

• 土地-ldpi：320x200px
• 土地-mdpi：480x320px
• land-hdpi: 800x480px
• land-xhdpi: 1280x720px
• 土地-xxhdpi：1600x960px
• land-xxxhdpi: 1920x1280px
• 端口-ldpi：200x320px
• 端口-mdpi：320x480px
• 端口-hdpi：480x800px
• 端口-xhdpi：720x1280px
• 端口-xxhdpi：960x1600px
• 端口-xxxhdpi：1280x1920px

config.xml：

<?xml version='1.0' encoding='utf-8'?>
<widget id="sk.otta.android" version="1.0.0" xmlns="http://www.w3.org/ns/widgets"     xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>...</name>
<description>...</description>
<author email="..." href="...">...</author>
<content src="index.html" />
<plugin name="cordova-plugin-whitelist" spec="1" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
    <allow-intent href="market:*" />
    <icon density="mdpi" src="PATH_TO_IMAGE" />
    <icon density="ldpi" src="PATH_TO_IMAGEg" />
    <icon density="hdpi" src="PATH_TO_IMAGE" />
    <icon density="xhdpi" src="PATH_TO_IMAGE" />
    <icon density="xxhdpi" src="PATH_TO_IMAGE" />
    <icon density="xxxhdpi" src="PATH_TO_IMAGE" />
    <splash density="land-ldpi" src="PATH_TO_BANNER" />
    <splash density="land-mdpi" src="PATH_TO_BANNER" />
    <splash density="land-hdpi" src="PATH_TO_BANNER" />
    <splash density="land-xhdpi" src="PATH_TO_BANNER" />
    <splash density="land-xxhdpi" src="PATH_TO_BANNER" />
    <splash density="land-xxxhdpi" src="PATH_TO_BANNER" />
    <splash density="port-ldpi" src="PATH_TO_BANNER" />
    <splash density="port-mdpi" src="PATH_TO_BANNER" />
    <splash density="port-hdpi" src="PATH_TO_BANNER" />
    <splash density="port-xhdpi" src="PATH_TO_BANNER" />
    <splash density="port-xxhdpi" src=PATH_TO_BANNER" />
    <splash density="port-xxxhdpi" src="PATH_TO_BANNER" />
</platform>
<platform name="ios">

希望对您有所帮助！ :)