记MAUI TabBar中一些使用注意点

最近准备参加MarsCode的AI编程挑战赛,看了看跨平台方案,因为主要熟悉UWP开发,就选择了MAUI(虽然据说它很不行,但是这种小项目应该没什么问题)

项目是在Microsoft给的示例上面修改的,写到后面发现TabBar上方有的页面显示了一个Title,与在Appshell.xaml中定义的不同(Appshell里定义的显示在Tab上),问GPT也没有得到正确答案,发现是在页面xaml文件中ContentPage控件里的title定义的,删除后就默认不显示任何内容了。顺便一提,VS2022自动生成的XAML Page里是默认定义title为页面名称的。

另外,根据Microsoft的教程中说,iOS/macOS的图标需要有一个特别版本,并在Tab的Icon里特殊设置

1
2
<Tab Title="About" 
Icon="{OnPlatform 'icon_about.png', iOS='icon_about_ios.png', MacCatalyst='icon_about_ios.png'}">

目前看来是把96x96的图片变成48x48(?),这点需要验证。如果之后有机会进决赛,买了mbp之后再测试吧(虽然有iPhone但买不起Apple开发者账号的穷学生党)

本文作者:Jason Wang

本文链接: http://www.kinsler.top/2024/12/28/%E8%AE%B0MAUI-TabBar%E4%B8%AD%E4%B8%80%E4%BA%9B%E4%BD%BF%E7%94%A8%E6%B3%A8%E6%84%8F%E7%82%B9/

文章默认使用 CC BY-NC-SA 4.0 协议进行许可,使用时请注意遵守协议。