xamMenu または xamContextMenu では、各メニュー項目の横にアイコンを表示させることで、エンドユーザーにメニュー項目の機能が何であるかをビジュアルで表示することが可能です。各 XamMenuItem オブジェクトは Icon プロパティを公開し、アイコンのイメージを設定することができます。
以下のコード例は、xamMenu で項目にアイコンを追加する方法を示します。
XAML の場合:
<ig:XamMenu x:Name="xamMenu1" Height="25" MenuOrientation="Horizontal">
<!-- TODO: メニュー項目を追加します -->
<ig:XamMenuItem Header="Shop">
<ig:XamMenuItem.Icon>
<Image Source="Images/Check24.png" />
</ig:XamMenuItem.Icon>
</ig:XamMenuItem>
<ig:XamMenuItem Header="Checkout">
<ig:XamMenuItem.Icon>
<Image Source="Images/ShoppingCart24.png" />
</ig:XamMenuItem.Icon>
</ig:XamMenuItem>
</ig:XamMenu>
Visual Basic の場合:
' メニューを作成します
Dim menu1 As New XamMenu()
Me.LayoutRoot.Children.Add(menu1)
menu1.Height = 25
' Shop メニュー項目を作成します
Dim item As New XamMenuItem()
item.Header = "Shop"
Dim image As New Image()
image.Source = New BitmapImage(New Uri("Images/ShoppingCart24.png", UriKind.Relative))
item.Icon = image
menu1.Items.Add(item)
' CheckOut メニュー項目を作成します
item = New XamMenuItem()
item.Header = "CheckOut"
image = New Image()
image.Source = New BitmapImage(New Uri("Images/Check24.png", UriKind.Relative))
item.Icon = image
menu1.Items.Add(item)
C# の場合:
// メニューを作成します
XamMenu menu1 = new XamMenu();
this.LayoutRoot.Children.Add(menu1);
menu1.Height = 25;
// Shop メニュー項目を作成します
XamMenuItem item = new XamMenuItem();
item.Header = "Shop";
Image image = new Image { Source = new BitmapImage(new Uri("Images/ShoppingCart24.png", UriKind.Relative)) };
item.Icon = image;
menu1.Items.Add(item);
// CheckOut メニュー項目を作成します
item = new XamMenuItem();
item.Header = "CheckOut";
image = new Image { Source = new BitmapImage(new Uri("Images/Check24.png", UriKind.Relative)) };
item.Icon = image;
menu1.Items.Add(item);
