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

Question

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

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

这是实际的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，我的任务栏图标现在看起来像，

谢谢 ：）

Answer 1

将内容直接更改为project folder->platforms->windows->images文件夹可能会起作用，但我认为这不是一个好主意。相反，我们应该将图像资源放入res文件夹中，并让 Visual Studio 在build.

所以，尝试这些步骤，

1. 创建图标图像的 48 像素 x 48 像素 png 版本
2. 将其另存为Square44x44Logo.targetsize-48.png和Square44x44Logo.targetsize-48_altform-unlated.png
3. 将这两个文件复制到res\icons\windows项目的文件夹中
4. 现在，是时候编辑config.xml文件了

将这两个文件添加到您的文件中config.xml（无论您拥有什么，它都应该可以工作）

<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，然后再次运行它。现在您将能够看到未电镀的瓷砖。

希望能帮助到你。

谢谢。