PhoneGap/Cordova 如何使用 9-patch 图片实现居中 Logo 的启动画面?

4

我使用PhoneGap/Cordova创建一个包含居中logo启动画面的Android应用程序。

以下是我的操作步骤:

在我的Android Manifest.xml文件中,我添加了以下代码:

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

然后我使用了这里的九路径图像生成器(链接)来为启动画面创建9路径图像。目的是始终在中心放置一个标志。上传图像时,它看起来像下面这样。我保留了编辑模式“拉伸区域”。 enter image description here 问题是启动图像一直被拉伸。这意味着标志(蓝色框)不成比例。
我在这里检查了解决方案(Cordova/PhoneGap 9-patch splash screen)但没有帮助。
如何在Android上使用9路径图像作为启动画面,使标志始终位于屏幕中心而不被拉伸?

我已经完成了一个9-patch启动画面,配方在这里:https://dev59.com/_GYr5IYBdhLWcg3wq7-I#27125893 祝你好运! - efkan
我设法让我的程序只使用drawable/splash.9.png文件就能正常工作。如果将该文件放在其他位置,它似乎会被识别为普通的png文件并被拉伸。 - toxaq
2个回答

0
问题在于,您选择的区域 - 标志 - 同时也是将用于拉伸的区域。您必须定义不同的延伸区域,这些区域位于标志边界框之外。虽然水平拉伸区域可以在标志下方或上方,但垂直拉伸区域只能在标志左侧或右侧。因此,图像永远不会处于您想要的中心位置。您必须使用其他工具来完成此操作。 查看此页面

-1

为什么链接的一部分应该有很多子链接? - Michael
这将帮助您创建一个Nine Patch图像,其中有一张图片解释了如何创建该图像。 - Ankita
好的,这是针对PhoneGap Build的。我如何在普通的PhoneGap / Cordova上实现它? - Michael
1
使用Cordova时,您不能使用Nine-patch图像。它将Nine-patch图像仅视为PNG图像。 - Ankita

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接