C# 中如何使用 MAUI (.NET Multi-platform App UI)？

推荐答案

// www.javascriptcn.com code example
// 1. 安装 .NET MAUI 工作负载
dotnet workload install maui

// 2. 创建一个新的 .NET MAUI 项目
dotnet new maui -n MyMauiApp

// 3. 运行项目
dotnet build
dotnet run

本题详细解读

1. 安装 .NET MAUI 工作负载

在开始使用 .NET MAUI 之前，首先需要安装 .NET MAUI 工作负载。可以通过以下命令安装：

dotnet workload install maui

2. 创建一个新的 .NET MAUI 项目

安装完成后，可以使用 dotnet new 命令创建一个新的 .NET MAUI 项目。以下命令将创建一个名为 MyMauiApp 的 MAUI 项目：

dotnet new maui -n MyMauiApp

3. 运行项目

创建项目后，可以通过以下命令构建并运行项目：

dotnet build
dotnet run

4. 项目结构

一个典型的 .NET MAUI 项目包含以下主要文件和文件夹：

• App.xaml 和 App.xaml.cs：应用程序的入口点和全局资源定义。
• MainPage.xaml 和 MainPage.xaml.cs：应用程序的主页面。
• Platforms 文件夹：包含针对不同平台的特定代码和资源。

5. 编写跨平台 UI

在 .NET MAUI 中，可以使用 XAML 或 C# 代码来定义用户界面。以下是一个简单的 XAML 示例：

// www.javascriptcn.com code example
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyMauiApp.MainPage">
    <StackLayout>
        <Label Text="Welcome to .NET MAUI!"
               VerticalOptions="Center"
               HorizontalOptions="Center" />
        <Button Text="Click Me"
                Clicked="OnButtonClicked" />
    </StackLayout>
</ContentPage>

对应的 C# 代码：

// www.javascriptcn.com code example
using Microsoft.Maui.Controls;

namespace MyMauiApp
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            InitializeComponent();
        }

        private void OnButtonClicked(object sender, EventArgs e)
        {
            DisplayAlert("Alert", "Button Clicked!", "OK");
        }
    }
}

6. 调试和部署

可以使用 Visual Studio 或 Visual Studio Code 来调试和部署 .NET MAUI 应用程序。Visual Studio 提供了丰富的工具和模拟器来测试应用程序在不同平台上的表现。

7. 发布应用程序

要发布 .NET MAUI 应用程序，可以使用以下命令：

dotnet publish -f net6.0-android -c Release
dotnet publish -f net6.0-ios -c Release

这将生成适用于 Android 和 iOS 平台的发布包。