更改应用标志、图标和启动画面
您可以通过custom.xml文件(位于res > values)和navigator.json file文件(位于app > assets)自定义应用的大部分观感。本主题列出了您需要对应用做出的必要更改,即更改应用标志和应用图标。其他主题(更改主页布局、侧边栏、Continue Watching [继续观看] 行等和其他可选更改)介绍了您可以轻松对应用进行的其他更改。
更改应用标志
标志出现在左上角和启动画面上。这是您在自定义应用时必须更改的元素。
要更改应用标志,请执行以下操作:
- 在应用的assets > res目录中,创建一个名为drawable的新目录。
-
通过Finder或Explorer打开您的drawable目录。
要访问drawable目录,您可以在Android Studio中右键单击该文件夹,然后选择Reveal in Finder(在Finder中显示)(适用于Mac)。或者,您可以通过转到Application > app > src > main > res > drawable来手动浏览源文件。(Android Studio中的Android视图并不能反映您文件夹的实际结构。)
-
将您的标志图像(356像素宽 x 108像素高)添加到此文件夹中。
应用标志的尺寸应约为356像素宽 x 108像素高,且背景为透明。较大的图像将缩小以适配空间(但较小的图像不会放大)。
调整大小可在不进行任何裁剪的情况下保留图像的尺寸。如果您的标志既高又窄,则在放入108像素高的空间时,因为宽高比将保持不变,它可能会显得很小。(在Fire App Builder布局中,较宽的标志看起来效果更好。)
您的标志以叠加形式显示在应用背景上。将浅色标志置于深色背景上会具有良好的对比度。
-
在应用的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日