Windows Phone應用程序欄圖標問題

Question

我正在Windows Phone 8上開發應用程序。問題是應用程序欄圖標沒有顯示，而是實際的圖標，而是一個十字。 有趣的是，在設計頁面上還可以，但是當我運行應用程序時，它們只是一個十字。

我已將屬性設置為content，並且不進行復制，但仍然無法正常工作。

<phone:PhoneApplicationPage.ApplicationBar>
     <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Default" >
         <shell:ApplicationBarIconButton Text="Add"    
                  IconUri="/projectname;component/Assets/DefualtIcons/add.png"/>
         <shell:ApplicationBarIconButton Text="Help" 
                  IconUri="/projectname;component/Assets/DefualtIcons/help.png"/>
         <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="Settings"/>
         </shell:ApplicationBar.MenuItems>
     </shell:ApplicationBar>
 </phone:PhoneApplicationPage.ApplicationBar>

解決方案對於與我有相同問題的人，這是解決方案：

1. 將屬性設置為內容，並且不復制

2. 將圖像放在圖像文件夾中。 （由於某種原因，文件夾名稱必須為圖片）

3. 請勿像其他任何方式一樣設置IconUri。 即使您在設計中看到該圖標。

   /ProjectName;component/Image/help.png

   〜/圖像/ help.png

   ../Image/help.png

4. IconUri必須像這樣：/Image/help.png

Answer 1

嘗試這個。 假設您已將圖標復制到項目中的images文件夾中，請將圖像的屬性更改為Content和CopyAlways

<phone:PhoneApplicationPage.ApplicationBar>
     <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Default" >
         <shell:ApplicationBarIconButton Text="Add"    
                  IconUri="/Images/DefualtIcons/add.png"/>
         <shell:ApplicationBarIconButton Text="Help" 
                  IconUri="/Images/DefualtIcons/help.png"/>
         <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="Settings"/>
         </shell:ApplicationBar.MenuItems>
     </shell:ApplicationBar>
 </phone:PhoneApplicationPage.ApplicationBar>

Answer 2

我遇到了同樣的問題，我通過在項目中添加新的文件夾圖像並將其復制到此文件夾中來解決該問題

<phone:PhoneApplicationPage.ApplicationBar>
     <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Default" >
         <shell:ApplicationBarIconButton Text="Add"    
                  IconUri="..Image /add.png"/>
         <shell:ApplicationBarIconButton Text="Help" 
                  IconUri="..Image/help.png"/>
         <shell:ApplicationBar.MenuItems>
            <shell:ApplicationBarMenuItem Text="Settings"/>
         </shell:ApplicationBar.MenuItems>
     </shell:ApplicationBar>
 </phone:PhoneApplicationPage.ApplicationBar>

Answer 3

將add.png和help.png的屬性更改為content。 您做對了所有事情，但是在設置IconUri =“ / projectname; component / Assets / DefualtIcons / add.png”時出錯，這是使用IconUri的方式。 僅在將“圖像”屬性設置為“資源”時有用。 這是示例代碼，這可能會對您有所幫助。

 <phone:PhoneApplicationPage.ApplicationBar>
         <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True" Mode="Default" >
             <shell:ApplicationBarIconButton Text="Add"    
                      IconUri="/Assets/DefualtIcons/add.png"/>
             <shell:ApplicationBarIconButton Text="Help" 
                      IconUri="/Assets/DefualtIcons/help.png"/>
             <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="Settings"/>
             </shell:ApplicationBar.MenuItems>
         </shell:ApplicationBar>
     </phone:PhoneApplicationPage.ApplicationBar>