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 に付属する文字マップ アプリケーションを使用して、フォントのグリフを参照し、その Unicode 値を見つけることができます。 次に、XAML で "&#x/(UNICODE);" 形式を使用するか、コードで "\u/(UNICODE)"" 形式を使用します。ここで、(UNICODE) はフォント ファイル内の場所を示すグリフの値です。

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

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

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

  • 正常
  • PointerOver
  • 押した
  • 入選
  • PressedSelected
  • PointerOverSelected

適用対象