You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

.NET MAUI应用中如何更改汉堡菜单图标?

在.NET MAUI中替换FlyoutPage的汉堡菜单图标

你之前的代码问题出在属性名用错了:IconImageSource并不是控制导航栏汉堡图标的正确属性,你应该用FlyoutIcon属性。

正确步骤:

  1. 先确认自定义图标已正确添加到项目:

    • 将custom_menu_icon.png放到项目的Resources/Images文件夹下
    • 在项目的.csproj文件中确保该图片的Build Action设置为MauiImage(一般添加图片时会自动设置,可在属性面板确认)
  2. 修改样式或直接设置属性:

    • 方法一:直接在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>
      
  3. 额外提示:

    • 建议图标尺寸适配导航栏大小(比如24×24或32×32像素),避免拉伸变形
    • 如果是Android平台,若图标显示异常,可检查是否有不同分辨率的适配图(可选)

内容的提问来源于stack exchange,提问作者Sam

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 10:56:06