Xamarin.Forms中MessagingCenter多次触发问题求助

嘿，我来帮你捋清楚这个问题的根源，以及怎么彻底解决它！

问题根源 #

你的问题核心出在 MessagingCenter的订阅时机和取消订阅逻辑 上：

1. OnElementChanged多次触发导致重复订阅
   OnElementChanged方法会在多种场景下执行：比如自定义控件第一次创建、页面导航返回重新渲染、控件属性变化等。你之前只要Control == null就会订阅一次CaptureClick消息，每次触发都会新增一个订阅，导致点击按钮时所有已订阅的回调都会执行，次数自然越来越多。
2. 取消订阅的位置错误
   你之前尝试把MessagingCenter.Unsubscribe放在回调内部，这会导致第一次触发后就直接取消订阅，后续再点击按钮就完全没反应了——这明显不是正确的时机。

修复方案：正确管理MessagingCenter的订阅与取消订阅 #

我们需要在旧元素被移除时取消订阅，在新元素创建完成后重新订阅，确保每次只有一个订阅生效。修改你的Android渲染器代码如下：

protected async override void OnElementChanged(ElementChangedEventArgs<Centraverse.Views.Clocking.CustomCamera.CameraPreview> e)
{
    base.OnElementChanged(e);

    // 关键：当旧元素存在时，取消之前的订阅，避免叠加和内存泄漏
    if (e.OldElement != null)
    {
        MessagingCenter.Unsubscribe<CameraPopup>(this, "CaptureClick");
    }

    if (Control == null)
    {
        cameraPreview = new CameraPreview(Context);
        SetNativeControl(cameraPreview);
    }

    if (e.NewElement != null)
    {
        try
        {
            Control.Preview = Camera.Open((int)e.NewElement.Camera);
            Device.BeginInvokeOnMainThread(async () =>
            {
                Control.Preview.SetFaceDetectionListener(this);
                Control.Preview.StartFaceDetection();
            });

            // 新元素创建完成后，订阅消息（此时旧订阅已取消）
            MessagingCenter.Subscribe<CameraPopup>(this, "CaptureClick", (sender) =>
            {
                try
                {
                    Log.Info("Reached here:", "Try catch of first ");
                    if (DetectedFaceCount == 0)
                    {
                        //执行操作
                    }
                    else if (DetectedFaceCount == 1)
                    {
                        Control.Preview.StopFaceDetection();
                        Task.Run(() => takepicture());
                    }
                    else if (DetectedFaceCount > 1)
                    {
                        //执行操作
                    }
                }
                catch (Exception ex)
                {
                    return;
                }
            });
        }
        catch (Exception ex)
        {
            return;
        }
    }
}

更优方案：用绑定命令替代MessagingCenter #

其实在Xamarin.Forms中，绑定命令是比MessagingCenter更优雅的跨层调用方式，能彻底避免订阅管理的麻烦，也更符合MVVM设计思想。举个例子：

1. 在共享项目的CameraPreview中添加命令属性 #

public class CameraPreview : View
{
    public static readonly BindableProperty CaptureCommandProperty =
        BindableProperty.Create(nameof(CaptureCommand), typeof(ICommand), typeof(CameraPreview));

    public ICommand CaptureCommand
    {
        get => (ICommand)GetValue(CaptureCommandProperty);
        set => SetValue(CaptureCommandProperty, value);
    }
}

2. Android渲染器中监听命令执行 #

protected override void OnElementChanged(ElementChangedEventArgs<CameraPreview> e)
{
    base.OnElementChanged(e);

    if (e.OldElement != null)
    {
        // 取消旧命令的监听
        e.OldElement.CaptureCommand.CanExecuteChanged -= OnCaptureCommandCanExecuteChanged;
        if (e.OldElement.CaptureCommand is Command oldCmd)
        {
            oldCmd.Executed -= OnCaptureCommandExecuted;
        }
    }

    if (e.NewElement != null)
    {
        // 监听新命令的执行
        e.NewElement.CaptureCommand.CanExecuteChanged += OnCaptureCommandCanExecuteChanged;
        if (e.NewElement.CaptureCommand is Command newCmd)
        {
            newCmd.Executed += OnCaptureCommandExecuted;
        }

        // 初始化相机逻辑...
        Control.Preview = Camera.Open((int)e.NewElement.Camera);
        // ...其他相机初始化代码
    }
}

private void OnCaptureCommandExecuted(object sender, EventArgs e)
{
    // 这里直接执行拍照逻辑，和之前MessagingCenter回调里的代码一致
    try
    {
        Log.Info("Reached here:", "Command executed");
        if (DetectedFaceCount == 0)
        {
            //执行操作
        }
        else if (DetectedFaceCount == 1)
        {
            Control.Preview.StopFaceDetection();
            Task.Run(() => takepicture());
        }
        else if (DetectedFaceCount > 1)
        {
            //执行操作
        }
    }
    catch (Exception ex)
    {
        return;
    }
}

private void OnCaptureCommandCanExecuteChanged(object sender, EventArgs e)
{
    // 可选：处理命令是否可执行的逻辑，比如相机未初始化时禁用按钮
}

3. 共享代码中绑定按钮命令 #

在XAML页面中直接把拍照按钮的命令绑定到CameraPreview的CaptureCommand：

<local:CameraPreview x:Name="cameraPreview" />
<Button Text="拍照" Command="{Binding Source={x:Reference cameraPreview}, Path=CaptureCommand}" />

这样就完全不需要依赖MessagingCenter，代码结构更清晰，也不会出现订阅叠加的问题。

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