Cordova/PhoneGap 9 补丁启动画面答案

【问题标题】：Cordova/PhoneGap 9-patch splash screenCordova/PhoneGap 9 补丁启动画面
【发布时间】：2014-04-09 04:34:24
【问题描述】：

我有一个 9-patch 图像 (splash.9.png) 我想用作我的 Cordova (3.4.0) 应用程序启动画面。如果我从 Eclipse 运行 (Cordova) Android 项目，一切都如预期的那样，即出现启动屏幕并且只有可拉伸区域被拉伸。但是，如果我使用命令行界面运行该应用程序，整个初始屏幕会被拉伸/变形，就好像 Cordova 不会将其视为 9-patch 图像，而是将其视为常规 .png。我在 config.xml 中指定了以下内容：

<preference name="SplashScreen" value="splash" />
<preference name="SplashScreenDelay" value="5000" />

还有什么需要设置的吗？还有其他线索吗？提前致谢！

【问题讨论】：

我在寻找相同答案时发现了您的问题。我的情况 - 相同。如果我找到答案（嘿，如果 - 我会找到答案）我会将其发布到您的问题中。
显然这是一个已知问题。在这里找到它：github.com/phonegap/build/issues/20
你找到答案了吗？我也有同样的问题！
@user2063032 不，不是真的。每当我想要一个不失真的初始屏幕时，我都不得不通过 Eclipse 部署我的应用程序。
@Demiurg 我说的是本地 Cordova 实例。另外，如果您再次阅读原始问题描述，您还会看到我的 9-patch 图像的名称（和扩展名）（在第一句话中）。

标签： android cordova

【解决方案1】：

好的，答案与 9patch 图像的弹性区域有关。我通过 ping github 问题找到了答案。一位用户将我发送到另一个有人破解的讨论。

主要问题是大多数 9patch 教程都解释了如何拉伸按钮，但没有详细说明如何使图像居中。

在讨论进行到一半时寻找绿色/蓝色/红色图像。

http://community.phonegap.com/nitobi/topics/stretched_9_patch_splash_screens_android

回程副本： http://web.archive.org/web/20160405060404/http://community.phonegap.com/nitobi/topics/stretched_9_patch_splash_screens_android

对我来说，关键是看边缘。真的很难看到（至少对我来说），但你几乎看不到定义弹性区域的边缘的黑色标记。顶部有 2 个小区域（绿色），左侧有 2 个小区域（绿色），底部有 1 个长区域（蓝色），右侧有 1 个长区域（蓝色）。

此外，还提供了一些 XML 以允许在垂直和水平方向使用单个图像。

因此，与我看过的所有教程相比，我发现这张图片（尽管很难看清线条）是关于 9patch 工作原理的更好说明。

【讨论】：

正如我所说，当我从 Eclipse 运行应用程序时，我的 9-patch .png 工作正常（可拉伸区域、不可拉伸徽标和所有内容），所以我'我很确定实际图像没有任何问题（draw9patch 工具也表明一切正常）。但是，如果我从 CLI 运行它，则启动画面根本不会被视为 9-patch 图像（我什至可以看到 手机屏幕上的黑线，以及整个 .png，包括标志，被拉伸）。
链接是 404，听起来它们会很有帮助。我认为最好的做法是实际解释解决方案而不是链接...
回程机救援！我正在更新答案以反映回程 URL。给我 30 秒。
对我来说，关键是如果您只为每个密度提供一个图像，那么 9patch 图像需要是 SQUARE - 即使用密度 =“hdpi”与密度 =“land-hdpi”。一旦我使用了方形 9patch 图像，cordova 就不再拉伸风景图像。 web.archive.org/web/20160405060404/http://…

【解决方案2】：

看来您必须将图像命名为 splash.9.png（并在下一次构建之前执行 platform/android/cordova/clean）。这至少对我有用。

【讨论】：

它也对我有用。经过大量搜索，这个答案和community.phonegap.com/nitobi/topics/… 帮助我修复了飞溅。
clean 的 CLI 别名是 cordova clean android