cordova - 为什么使用Apache Cordova构建的Windows 10通用应用程序的任务栏图标的大小比其他应用程序小

我正在使用Visual Studio 2015和Apache Cordova制作我的UWP应用。但是我的应用程序的任务栏图标看起来比旁边的所有其他应用程序小。

我的应用程序显示最右边的图标。如您所见，它比放置在其左侧的所有其他图标都要小(在所有4个侧面上都看起来像是填充版本)。

这是实际的Square44x44Logo.scale-100.png，如下所示，我的图像中没有填充

我遵循了Apache Studio Cordova的Visual Studios项目模板，这是我的config.xml中的图标声明

   <platform name="windows">
        <icon height="150" src="res/icons/windows/Square150x150Logo.scale-100.png" width="150" />
        <icon height="360" src="res/icons/windows/Square150x150Logo.scale-240.png" width="360" />
        <icon height="30" src="res/icons/windows/Square30x30Logo.scale-100.png" width="30" />
        <icon height="310" src="res/icons/windows/Square310x310Logo.scale-100.png" width="310" />
        <icon height="106" src="res/icons/windows/Square44x44Logo.scale-240.png" width="106" />
        <icon height="70" src="res/icons/windows/Square70x70Logo.scale-100.png" width="70" />
        <icon height="170" src="res/icons/windows/Square71x71Logo.scale-240.png" width="170" />
        <icon height="50" src="res/icons/windows/StoreLogo.scale-100.png" width="50" />
        <icon height="120" src="res/icons/windows/StoreLogo.scale-240.png" width="120" />
        <icon height="150" src="res/icons/windows/Wide310x150Logo.scale-100.png" width="310" />
        <icon height="360" src="res/icons/windows/Wide310x150Logo.scale-240.png" width="744" />
        <icon height="44" src="res/icons/windows/Square44x44Logo.scale-100.png" width="44" />
        <icon height="71" src="res/icons/windows/Square71x71Logo.scale-100.png" width="71" />
    </platform>

问题

如何使我的应用程序在任务栏上的图标等于其左侧显示的所有其他图标。

任何想法？

谢谢。

发行后编辑解决

只是想分享水果。感谢@TruthSeeker，我的任务栏图标现在看起来像，

谢谢 :)

最佳答案

直接将其更改为project folder->platforms->windows->images文件夹可能有效，但我认为这不是一个好主意。相反，我们应该将图像资源放入res文件夹中，并在build期间让Visual Studio将内容放入正确的位置。

因此，请尝试以下步骤，

创建图标图像的48px x 48px png版本

将其另存为 Square44x44Logo.targetsize-48.png 和 Square44x44Logo.targetsize-48_altform-unplated.png

将两个文件都复制到项目

的res\icons\windows文件夹中

现在，是时候编辑config.xml文件

在您的config.xml 中添加2个文件(无论使用什么，它都应该可以使用)

<icon src="res/icons/windows/Square44x44Logo.targetsize-48.png" target="Square44x44Logo"/>
<icon src="res/icons/windows/Square44x44Logo.targetsize-48_altform-unplated.png" target="Square44x44Logo" />

现在，构建并运行您的应用程序。

如果仍然无法运行，请清空project folder->platforms->windows->images文件夹，然后再次运行它。现在，您将能够看到一个未电镀的瓷砖。

希望能帮助到你。

谢谢你。

关于cordova - 为什么使用Apache Cordova构建的Windows 10通用应用程序的任务栏图标的大小比其他应用程序小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37559708/