MAUI中有多种导航方式,比如可以用NavigationPage、Shell。也可以用TabbedPage选项卡的方式进行导航。
TabbedPage 维护类型 Page为的子级集合,其中一次只有一个完全可见。每个子级由页面顶部或底部的一系列选项卡标识。通常,每个子级都是 , ContentPage 当选择其选项卡时,将显示页面内容。
TabbedPage 定义以下属性:
BarBackground类型 Brush为 ,定义选项卡栏的背景。
BarBackgroundColor,类型 Color为 ,定义选项卡栏的背景色。
BarTextColor,类型 Color为 ,表示选项卡栏上文本的颜色。
SelectedTabColor,类型 Color为 ,指示选中选项卡时选项卡的颜色。
UnselectedTabColor,类型 Color为 ,表示选项卡在未选中时的颜色。
这些属性由 BindableProperty 对象提供支持;也就是说,它们可以作为数据绑定的目标,并能进行样式设置。
选项卡的标题由 Page.Title 子页的 属性定义,选项卡图标由 Page.IconImageSource 子页的 属性定义。
1、修改MainPage 为 TabbedPage
创建项目后,将MainPage修改为TabbedPage,改变导航模式
2、引用创建好的页面
3、修改App.xaml.cs中的AppShell启动方式
MainPage = new NavigationPage(new MainPage());
启动效果:
5、在TabbedPage添加安卓的tab显示位置
tab在安卓显示在上面,在ios显示在下面
为了保持统一,处理一下:
xmlns:android="clr-namespace:Microsoft.Maui.Controls.PlatformConfiguration.AndroidSpecific;assembly=Microsoft.Maui.Controls"
android:TabbedPage.ToolbarPlacement="Bottom"
即可显示在下面