Share via


NavigationViewItem.Icon プロパティ

定義

メニュー項目のテキストの横に表示するアイコンを取得または設定します。

public:
 property IconElement ^ Icon { IconElement ^ get(); void set(IconElement ^ value); };
/// [get: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [set: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
IconElement Icon();

void Icon(IconElement value);
/// [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [get: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
/// [set: Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
IconElement Icon();

void Icon(IconElement value);
public IconElement Icon { [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] get; [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] set; }
[Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)]
public IconElement Icon { [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] get; [Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallback(enable=true)] set; }
var iconElement = navigationViewItem.icon;
navigationViewItem.icon = iconElement;
Public Property Icon As IconElement
<NavigationViewItem Icon="symbolName" .../>


<NavigationViewItem>
  <NavigationViewItem.Icon>
    iconElement
  </NavigationViewItem.Icon>
</NavigationViewItem>

プロパティ値

メニュー項目のテキストの横に表示するアイコン。 既定値は null です

属性
Microsoft.UI.Xaml.CustomAttributes.MUXPropertyChangedCallbackAttribute

注釈

Symbol 列挙体または Segoe MDL2 Assets フォントのグリフを参照する Unicode 文字列から値を割り当てることができます。

Windows に付属の Character Map アプリケーションを使用して、フォントのグリフを参照し、その Unicode 値を見つけることができます。 次に、XAML で "&#x/(UNICODE);" という形式を使用するか、コードで "\u/(UNICODE)" という形式を使用します。ここで、 (UNICODE) はフォント ファイル内の場所を示すグリフの値です。

Segoe MDL2 Assets フォントにはWindows 10が付属しており、すべてのリリースで新しいグリフが追加される場合があります。 選択した Unicode 値が、プロジェクトターゲットの最小 SDK ビルド バージョンで使用できるかどうかを確認する必要があります。

NavigationViewItem では もサポートされています AnimatedIcon。 Icon プロパティの値として AnimatedIcon を設定すると、NavigationViewItem によって、コントロールの状態に従って AnimatedIcon の状態が設定されます。

NavigationViewItem は、AnimatedIcon で次の状態を自動的に設定します。

  • Normal
  • PointerOver
  • 押されている
  • オン
  • PressedSelected
  • PointerOverSelected

適用対象