时间戳

首页 > 解决方案 > 如何在 Cordova 中设置电视横幅？

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

问题描述

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

我正在使用cordova-plugin-android-tvwhich 添加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 插件开发带有Ember.js应用程序的 Cordova 应用程序。版本是 Cordova 8.0.0。

标签： androidcordovaember.jsandroid-tv

解决方案

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

尺寸为：

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

配置.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">

希望能帮助到你！:)

推荐阅读