开发者控制台

更改应用标志、图标和启动画面

更改应用标志、图标和启动画面

您可以通过custom.xml文件(位于res > values)和navigator.json file文件(位于app > assets)自定义应用的大部分观感。本主题列出了您需要对应用做出的必要更改,即更改应用标志和应用图标。其他主题(更改主页布局、侧边栏、Continue Watching [继续观看] 行等其他可选更改)介绍了您可以轻松对应用进行的其他更改。

标志出现在左上角和启动画面上。这是您在自定义应用时必须更改的元素。

更改应用标志

要更改应用标志,请执行以下操作:

  1. 在应用的assets > res目录中,创建一个名为drawable的新目录。
  2. 通过Finder或Explorer打开您的drawable目录。

    要访问drawable目录,您可以在Android Studio中右键单击该文件夹,然后选择Reveal in Finder(在Finder中显示)(适用于Mac)。或者,您可以通过转到Application > app > src > main > res > drawable来手动浏览源文件。(Android Studio中的Android视图并不能反映您文件夹的实际结构。)

  3. 将您的标志图像(356像素宽 x 108像素高)添加到此文件夹中。

    应用标志的尺寸应约为356像素宽 x 108像素高,且背景为透明。较大的图像将缩小以适配空间(但较小的图像不会放大)。

    调整大小可在不进行任何裁剪的情况下保留图像的尺寸。如果您的标志既高又窄,则在放入108像素高的空间时,因为宽高比将保持不变,它可能会显得很小。(在Fire App Builder布局中,较宽的标志看起来效果更好。)

    您的标志以叠加形式显示在应用背景上。将浅色标志置于深色背景上会具有良好的对比度。

  4. 在应用的custom.xml文件(位于应用的res > values文件夹)中,自定义以下元素中的文件名:

    <drawable name="splash_logo">@drawable/fire_app_builder_white</drawable>
    
    <drawable name="company_logo">@drawable/fire_app_builder_white2</drawable>
    

    splash_logo元素决定在启动画面上显示的标志。company_logo元素决定显示在应用左上角的标志。

    您可以在两种屏幕上使用相同的标志,也可以使用不同的标志。此外,您无需在图像文件名中包含文件扩展名。Android会自动对其检测。

自定义应用图标

您可以更改应用图标。这是显示在Fire TV上的应用列表中并在测试设备时显示的图像缩略图。

应用图标

此外,该图像以图像图块的形式出现在amazon.com上的亚马逊应用商店网站中。

但是,当您向亚马逊应用商店提交应用时,需要提交一个1280像素 x 720像素 (PNG) 的应用图标。这是将在Fire TV用户界面中使用的实际图标。

要更新此文件,请更改ic_launcher.png文件。切换到Project(项目)视图,然后查看应用的src > main > res文件夹。有4个应用图标文件,每个文件对应不同的屏幕大小:

  • mipmap-hdpi (72x72px)
  • mipmap-mdpi (48x48px)
  • mipmap-xhdpi (96x96px)
  • mipmap-xxhdpi (144x144px)

应用图标具有透明的背景。可以替换源图像,也可以使用更新后的启动器文件引用来更新应用的custom.xml文件:

<drawable name="app_logo">@mipmap/ic_launcher</drawable>

自定义启动画面

默认情况下,Fire App Builder中的示例应用显示以下启动画面:

启动画面

以下部分描述了您可以自定义的每个元素。

标志

您应用的标志。标志由应用的custom.xml中的以下元素定义:

<drawable name="splash_logo">@drawable/fire_app_builder_white</drawable>

有关更改启动画面标志的详细信息,请参阅前面的更改应用标志部分。

Loading(正在加载)文本

要更新启动画面上出现的词语“Loading”,可以前往TVUIComponent > res > strings.xml > strings.xml并更新以下元素:

<string name="feed_loading">Loading</string>

Loading微调器

您可以更改启动画面上显示的Loading微调器的颜色,方法是更新应用的custom.xml文件中的此元素:

<color name="spinner_color">#FFFFFFFF</color>

要自定义启动画面上的版权文本,请查看应用的res > values > strings.xml文件夹内的strings.xml文件夹。

<string name="copyright">Copyright 2016.All Rights Reserved.</string>

背景颜色。

要更改应用的背景颜色,请更新应用的custom.xml中的以下元素:

<color name="background">#22282E</color>

文本颜色

要更改启动画面上的文本颜色以及Content Details(内容详情)屏幕上的按钮文本和阅读更多文本的颜色,请更新custom.xml中的以下元素:

<color name="primary_text">#E6FFFFFF</color>

后续步骤

现在这样就自定义了应用的标志和图标,请参阅更改主页布局、侧边栏、Continue Watching(继续观看)行等,了解主屏幕上还可能进行其他哪些更改。这些其他更改是可选的。


Last updated: 2018年1月16日