如何在.NET7.0-iOS项目中使用XAML页面并实现Popups组件？

1. 安装必要的NuGet包 #

在项目中安装CommunityToolkit.Maui和CommunityToolkit.Maui.Core NuGet包，选择兼容.NET 7的版本（如v5.0.0及以上）。可以通过NuGet包管理器或命令行安装：

Install-Package CommunityToolkit.Maui
Install-Package CommunityToolkit.Maui.Core

2. 初始化Maui Community Toolkit #

在AppDelegate.cs的FinishedLaunching方法中添加初始化代码，确保组件正常工作：

using CommunityToolkit.Maui;

public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
    // 保留原有初始化代码
    MauiCommunityToolkit.Init();
    return base.FinishedLaunching(app, options);
}

3. 创建Popup的XAML页面 #

新建一个继承自Popup的XAML页面，示例命名为CustomPopup.xaml：

XAML布局（CustomPopup.xaml） #

<?xml version="1.0" encoding="utf-8" ?>
<toolkit:Popup xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:toolkit="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
               x:Class="YourProjectNamespace.CustomPopup"
               Size="300,200">
    <VerticalStackLayout BackgroundColor="White" Padding="20" CornerRadius="10">
        <Label Text="自定义弹窗内容" FontSize="18" HorizontalOptions="Center"/>
        <Button Text="关闭弹窗" Clicked="OnCloseClicked" Margin="0,20,0,0"/>
    </VerticalStackLayout>
</toolkit:Popup>

代码后台（CustomPopup.xaml.cs） #

using CommunityToolkit.Maui.Views;

namespace YourProjectNamespace;

public partial class CustomPopup : Popup
{
    public CustomPopup()
    {
        InitializeComponent();
    }

    private void OnCloseClicked(object sender, EventArgs e)
    {
        Close();
    }
}

4. 在原生iOS页面中调用Popup #

在你的iOS UIViewController中，通过PopupExtensions.ShowPopup方法显示弹窗，传入当前视图控制器作为上下文：

using CommunityToolkit.Maui.Views;

// 示例：按钮点击事件中触发弹窗
private void ShowCustomPopup(object sender, EventArgs e)
{
    var popup = new CustomPopup();
    this.ShowPopup(popup);
}

注意事项 #

• 确保项目目标框架为.NET 7.0 iOS，NuGet包版本与.NET版本兼容。
• 若遇XAML编译问题，检查是否正确引入Maui命名空间，以及项目是否启用XAML编译。
• 弹窗的尺寸、背景、圆角等样式可通过XAML属性或代码后台自定义调整。

内容的提问来源于stack exchange，提问作者Kaio Teles