使用Visual Studio 2022创建了新项目,不做修改直接运行,一般有一个“Home”页面。参考:
开始MAUI之第一个例子,本示例的项目名称为HovertreeMaui
接下来我们来新建一个页面,右键点击项目名称,在弹出菜单选择“添加”--“新建”
然后在弹出“添加新项”对话框中,选择“已安装”--“C#项”--“.NET MAUI”,再选择 ".NET MAUI ContentPage(XAML)"
名称修改为 HovertreeAboutPage,如下图:

主页中按钮的点击代码修改为:
private void OnHtBtnClicked(object sender, EventArgs e)
{
Navigation.PushAsync(new HovertreeAboutPage());
}
这样,当点击按钮,就会跳转到HovertreeAboutPage页面。效果如下图:


补充MainPage.xaml代码:
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="HovertreeMaui.MainPage" BackgroundColor="Red">
<ScrollView>
<VerticalStackLayout
Spacing="25"
Padding="30,0"
VerticalOptions="Center" BackgroundColor="Gold">
<Image
Source="https://hovertree.com/hvtimg/201512/agagq0or.jpg"
SemanticProperties.Description="Hello Hovertree!"
HeightRequest="200"
HorizontalOptions="Center" />
<Label
Text="Hello, Hovertree!"
SemanticProperties.HeadingLevel="Level1"
FontSize="32"
HorizontalOptions="Center" />
<Label
Text="Welcome to Hovertree"
SemanticProperties.HeadingLevel="Level2"
SemanticProperties.Description="Welcome to Hovertree MAUI"
FontSize="18"
HorizontalOptions="Center" />
<Button
x:Name="HtBtn"
Text="Go To New Page"
SemanticProperties.Hint="Go to"
Clicked="OnHtBtnClicked"
HorizontalOptions="Center" />
</VerticalStackLayout>
</ScrollView>
</ContentPage>
HovertreeAboutPage页面代码:
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="HovertreeMaui.HovertreeAboutPage"
Title="About Hovertree">
<VerticalStackLayout>
<Label
Text="Welcome to Hovertree!There are many useful things at hovertree.com"
VerticalOptions="Center" FontSize="28" TextColor="Red"
HorizontalOptions="Center" />
</VerticalStackLayout>
</ContentPage>
Navigation实现了INavigation (Microsoft.Maui.Controls.INavigation)
其PushAsync方法有两个重载:
PushAsync(Page)
通过将 Page 异步推送到导航堆栈上来呈现它。
PushAsync(Page, Boolean)
使用可选动画将页面异步推送到导航堆栈的任务。