更改 .NET MAUI 应用程序中的汉堡菜单图标

如何更改 .NET MAUI 应用程序中的汉堡菜单图标？

我已经更新了所有图标的样式，我想将汉堡菜单图标更改为自定义PNG.

我尝试了以下内容Styles.xaml但这似乎不是要编辑的正确属性。

<Style TargetType="FlyoutPage">
    <Setter Property="IconImageSource" Value="custom_menu_icon.png" />
</Style>

FlyoutPage的解决方案

的飞出FlyoutPage属于类型ContentPage因此图标应该设置在那里：

<ContentPage
    IconImageSource="custom_menu_icon.png" />
</ContentPage>

您也可以在中定义它Styles.xaml并将样式分配给页面：

<Style TargetType="ContentPage" x:Key="FlyoutStyle">
    <Setter Property="IconImageSource" Value="custom_menu_icon.png" />
</Style>

<ContentPage
    Style="{StaticResource FlyoutStyle}" />
</ContentPage>

也可以看看：https://learn.microsoft.com/dotnet/maui/user-interface/pages/flyoutpage?view=net-maui-7.0#create-a-flyoutpage

这假设您正在使用FlyoutPage并不是Shell.

壳牌解决方案

如果您使用 Shell，您可以按如下方式定义样式：

<Style TargetType="Shell" ApplyToDerivedTypes="True">
    <!-- skipping existing setters here -->
    <Setter Property="Shell.FlyoutIcon" Value="custom_menu_icon.png" />
</Style>

查看更多：https://learn.microsoft.com/dotnet/maui/fundamentals/shell/flyout?view=net-maui-7.0#flyout-icon