WinJS通用應用程序中AppBarCommand的遠程URL（http）圖標

Question

首先，這是一款通用應用程序，特別是在Windows Phone上運行時發生。

我正在通過JavaScript在我的應用中創建一個AppBarCommand。下面是代碼：

var commandElement = document.createElement('button'); 
var command = new WinJS.UI.AppBarCommand(commandElement, { 
    id: [id], 
    label: [text], 
    onclick: function() { } 
}); 

如果我嘗試與遠程URL設置「圖標」屬性（HTTP：//）這是行不通的。這在Windows Phone上不可行嗎？

Answer 1

我在Win 8.1應用程序中有類似於你的代碼，當我在WinPhone 8.1應用程序中使用相同的代碼時根本不起作用。

我不得不更改我的代碼，在每個可能的命令中聲明我的html中的AppBar，並根據頁面需要顯示或隱藏命令。

Answer 2

創建自定義的類，然後使用應用程序欄

public static void AddNewAppBarinPage(Page myPage) 
    { 
     CommandBar cbar = new CommandBar { ClosedDisplayMode = AppBarClosedDisplayMode.Compact }; 


     AppBarButton playBar = new AppBarButton { Label = "in play", Icon = new SymbolIcon(Symbol.Shop) }; 
     cbar.PrimaryCommands.Add(playBar); 
     playBar.Click -= playBar_Click; 
     playBar.Click += playBar_Click; 

     AppBarButton audioBar = new AppBarButton { Label = "my audio", Icon = new SymbolIcon(Symbol.Audio) }; 
     cbar.PrimaryCommands.Add(audioBar); 
     audioBar.Click -= audioBar_Click; 
     audioBar.Click += audioBar_Click; 

     AppBarButton settingBar = new AppBarButton { Label = "settings", Icon = new SymbolIcon(Symbol.Setting) }; 
     cbar.PrimaryCommands.Add(settingBar); 
     settingBar.Click -= settingBar_Click; 
     settingBar.Click +=settingBar_Click; 

     AppBarButton switchToSoccer = new AppBarButton { Label = "switch to soccer" }; 
     cbar.SecondaryCommands.Add(switchToSoccer); 
     switchToSoccer.Click -= switchToSoccer_Click; 
     switchToSoccer.Click += switchToSoccer_Click; 

     myPage.BottomAppBar = cbar; 
     // rootFrame = myPage.Frame; 

    }