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

如何无需使用Visual Studio在MAUI中创建新页面?

无需Visual Studio创建MAUI新页面的方法

当然可以,MAUI的页面本质就是XAML布局文件+对应的C#代码后置文件,完全可以手动创建,步骤如下:

  • 创建XAML页面文件
    在项目的合适目录下(比如新建Pages文件夹归类页面),新建一个后缀为.xaml的文件,示例命名为NewPage.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="YourProjectNamespace.Pages.NewPage"
                 Title="NewPage">
        <VerticalStackLayout>
            <!-- 自定义页面内容 -->
            <Label Text="新建的页面"
                   VerticalOptions="Center"
                   HorizontalOptions="Center" />
        </VerticalStackLayout>
    </ContentPage>
    

    记得把YourProjectNamespace替换成你项目的实际命名空间,文件夹路径也要和x:Class中的对应。

  • 创建代码后置文件
    在同一目录下新建同名的.xaml.cs文件(即NewPage.xaml.cs),内容模板:

    namespace YourProjectNamespace.Pages;
    
    public partial class NewPage : ContentPage
    {
        public NewPage()
        {
            InitializeComponent();
        }
    }
    

    这里的命名空间、类名必须和XAML文件里的x:Class属性完全匹配,否则会报错。

  • 验证与使用
    完成后可以用dotnet build命令编译项目,如果没有报错,就说明页面创建成功了。之后你就可以像其他页面一样,在导航逻辑中调用这个新页面。

注:如果用VS Code等编辑器打开项目,它会自动识别新增的文件并提供语法提示,体验和在Visual Studio里类似。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 08:50:22