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
  • ポインターオーバー
  • 押下
  • 選択済み
  • 押下選択済み
  • ポインターオーバー選択済み

適用対象