Xamarin Forms按钮无法触发弹窗问题求助

我正在使用Xamarin Forms开发移动应用，采用Xamarin Community Toolkit实现弹窗功能。当前遇到的问题是：点击NewBlockButton按钮时，无法打开带有标题和两个按钮的弹窗页面，调试发现点击按钮后并未触发对应的命令。

主页面代码 #

using MathTab.View_Model;
using Xamarin.Forms;

namespace MathTab
{
    public partial class MainPage : ContentPage
    {
        public MainPage()
        {
            var backgroundImage = new Image
            {
                Source = "Background.jpg", 
                Aspect = Aspect.AspectFill
            };
            Button NewBlockButton = new Button
            {
                Text = "+",
                TextColor = Color.Black,
                BackgroundColor = Color.Gray,
                Margin = new Thickness(10)
            };
            NewBlockButton.SetBinding(Button.CommandProperty, new Binding(nameof(MainPageViewModel.NewBlockCommand)));

            Grid grid = new Grid
            {
                RowDefinitions =
                {
                    new RowDefinition{Height=new GridLength(9,GridUnitType.Star)},
                    new RowDefinition{Height=new GridLength(1,GridUnitType.Star)}
                },
                ColumnDefinitions =
                {
                    new ColumnDefinition{Width=new GridLength (1, GridUnitType.Star)}
                }
            };
            grid.BackgroundColor = Color.Purple;
            grid.Children.Add(backgroundImage,0,0);
            grid.Children.Add(NewBlockButton,0,1);
            Content= grid;
        }
    }
}

主页面视图模型代码 #

using MathTab.View;
using System.ComponentModel;
using Xamarin.CommunityToolkit.Extensions;
using Xamarin.CommunityToolkit.ObjectModel;
namespace MathTab.View_Model
{
    internal class MainPageViewModel : INotifyPropertyChanged
    {
        public event PropertyChangedEventHandler PropertyChanged;
        public AsyncCommand NewBlockCommand { get; }
        public MainPageViewModel()
        {
            NewBlockCommand = new AsyncCommand(async () =>
            {
                var popupViewModel = new NewBlockPopupViewModel();
                var popupPage =new NewBlockPopup();
                await App.Current.MainPage.Navigation.ShowPopupAsync(popupPage);
            });
        }
    }
}

弹窗页面代码 #

using MathTab.View_Model;
using Xamarin.CommunityToolkit.UI.Views;
using Xamarin.Forms;

namespace MathTab.View
{
    internal class NewBlockPopup : Popup
    {
        public NewBlockPopup()
        {
            Label title = new Label
            {
                Text = "New Block"
            };
            Button newTextBlockButton=new Button
            {
                Text = "Text"
            };
            Button newMathBlockButton = new Button
            {
                Text = "Mathematics"
            };
            newMathBlockButton.SetBinding(Button.CommandProperty, nameof(NewBlockPopupViewModel.NewMathBlockCommand));
            newTextBlockButton.SetBinding(Button.CommandProperty, nameof(NewBlockPopupViewModel.NewTextBlockCommand));
            Grid grid = new Grid
            {
                RowDefinitions =
                {
                    new RowDefinition{Height=new GridLength(3,GridUnitType.Star)},
                    new RowDefinition{Height=new GridLength(1,GridUnitType.Star)},
                },
                ColumnDefinitions =
                {
                    new ColumnDefinition{Width=new GridLength (1, GridUnitType.Star)},
                    new ColumnDefinition{Width=new GridLength (1, GridUnitType.Star)}
                }
            };
            grid.Children.Add(newTextBlockButton,1,0);
            grid.Children.Add(newMathBlockButton, 1, 1);
            grid.Children.Add(title, 0, 0);
            Grid.SetColumnSpan(title, 2);
            Content = grid;
        }
    }
}

排查与修复方案 #

• 核心问题：未设置页面的BindingContext
  主页面的按钮绑定了ViewModel的NewBlockCommand，但MainPage的构造函数中没有设置BindingContext，导致绑定无法找到对应的命令。需要在MainPage构造函数末尾添加：

  BindingContext = new MainPageViewModel();
  

• 弹窗页面的BindingContext缺失
  弹窗中的按钮绑定了NewBlockPopupViewModel的命令，但弹窗页面同样未设置BindingContext，后续即使弹窗打开，按钮命令也无法触发。需要在NewBlockPopup构造函数中添加：

  BindingContext = new NewBlockPopupViewModel();
  

• 确认Xamarin Community Toolkit的正确配置
  确保已通过NuGet安装最新版的Xamarin.CommunityToolkit，并且在App.xaml.cs的OnStart方法中完成初始化（部分版本需要）：

  protected override void OnStart()
  {
      Xamarin.CommunityToolkit.Extensions.Toolkit.Init();
  }
  

• 检查访问修饰符（可选）
  当前MainPageViewModel和NewBlockPopup都是internal，如果项目结构中存在跨程序集引用的情况，建议改为public以确保绑定正常工作。

内容的提问来源于stack exchange，提问作者Gael Pinto