次の方法で共有

NavigationViewItem.Icon プロパティ

  • リファレンス

定義

名前空間:
Microsoft.UI.Xaml.Controls
編集

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

このドキュメントは、UWP 用 WinUI 2 に適用されます (Windows アプリ SDKの WinUI の場合は、Windows アプリ SDK名前空間を参照してください)。

public:
 property IconElement ^ Icon { IconElement ^ get(); void set(IconElement ^ value); };
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 { get; 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; }
Public Property Icon As IconElement
<NavigationViewItem Icon="symbolName" .../>


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

プロパティ値

IconElement

メニュー項目のテキストの横に表示するアイコン。 既定値は 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

適用対象