.NET MAUI应用中如何更改汉堡菜单图标?
在.NET MAUI中替换FlyoutPage的汉堡菜单图标
你之前的代码问题出在属性名用错了:IconImageSource并不是控制导航栏汉堡图标的正确属性,你应该用FlyoutIcon属性。
正确步骤:
先确认自定义图标已正确添加到项目:
- 将
custom_menu_icon.png放到项目的Resources/Images文件夹下 - 在项目的.csproj文件中确保该图片的Build Action设置为
MauiImage(一般添加图片时会自动设置,可在属性面板确认)
- 将
修改样式或直接设置属性:
- 方法一:直接在FlyoutPage的XAML中设置
<FlyoutPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="YourAppName.MainFlyoutPage" FlyoutIcon="custom_menu_icon.png"> <!-- 这里放你的Flyout和Detail页面内容 --> </FlyoutPage> - 方法二:通过Styles.xaml设置全局样式
<Style TargetType="FlyoutPage"> <Setter Property="FlyoutIcon" Value="custom_menu_icon.png" /> </Style>
- 方法一:直接在FlyoutPage的XAML中设置
额外提示:
- 建议图标尺寸适配导航栏大小(比如24×24或32×32像素),避免拉伸变形
- 如果是Android平台,若图标显示异常,可检查是否有不同分辨率的适配图(可选)
内容的提问来源于stack exchange,提问作者Sam
相关产品推荐
相关产品推荐

