爲什麼使用Apache Cordova構建的Windows 10通用應用程序的任務欄圖標的大小比其他應用程序小

Question

我正在使用Visual Studio 2015和Apache Cordova來製作我的UWP應用程序。但我的應用程序的任務欄圖標看起來比旁邊的所有其他應用程序都小。

最右邊的圖標顯示我的應用程序。正如你可以看到它比其左側的所有其他圖標更小（看起來像是所有4邊上的填充版本）。

這是實際的Square44x44Logo.scale-100.png，因爲你可以看到下面，有在我的形象沒有填充

我按照視覺工作室的Apache科爾多瓦項目模板，這裏是我的圖標聲明我​​3210

<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文件夾，並讓視覺工作室在build期間將其放入正確的位置。

所以，請嘗試以下步驟，

1. 你的圖標圖像
2. 的48像素的PNG版本保存爲創建一個48像素的Square44x44Logo.targetsize-48.png和Square44x44Logo.targetsize，48_altform- unplated.png
3. 拷貝這兩個文件到你的項目的res\icons\windows文件夾現在
4. ，時間編輯​​3210文件

在​​3210（以後不管你有，它應該工作）

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

添加2個文件現在，構建並運行你的應用程序。

如果仍然無效，請清空文件夾project folder->platforms->windows->images，然後再次運行它。現在，您將能夠看到未鋪設的瓷磚。

希望它有幫助。

謝謝。

Answer 2

默認情況下它使用電鍍圖標。您可以通過以下步驟爲Windows平臺創建未鍍制的圖標：

1. 從您的原始圖像創建一個48x48圖標圖像。
2. 將其複製爲兩個文件：「Square44x44Logo.targetsize-48.png」和「Square44x44Logo.targetsize-48_altform-unplated.png」。
3. 將它們複製到項目文件夾 - >平臺 - >窗口 - >圖像文件夾。
4. 運行該應用程序，您將看到更改。

在Windows平臺上，你可以參考本文檔的圖標的詳細信息：Guidelines for tile and icon assets