.NET MAUI自定义视图失焦检测：ContentView无Unfocused事件的替代方案

由于ContentView本身不会触发Unfocused事件，要检测用户点击其外部的操作，可以用以下几种可行方案：

方案一：父布局手势+点击区域判断 #

通过给ContentView的父容器添加点击手势，判断点击位置是否落在ContentView范围外，以此模拟失焦触发逻辑。

实现步骤： #

1. 在XAML中给父布局（如Grid）添加TapGestureRecognizer
2. 在后台代码的手势回调中，通过点击坐标判断是否在ContentView外部
3. 若在外部，执行自定义失焦处理逻辑

XAML示例：

<Grid x:Name="ParentContainer">
    <ContentView x:Name="TargetContentView" 
                 BackgroundColor="LightGray" 
                 WidthRequest="250" 
                 HeightRequest="250">
        <!-- ContentView内部内容 -->
    </ContentView>
</Grid>

后台代码示例：

public MainPage()
{
    InitializeComponent();
    var tapGesture = new TapGestureRecognizer();
    tapGesture.Tapped += OnParentContainerTapped;
    ParentContainer.GestureRecognizers.Add(tapGesture);
}

private void OnParentContainerTapped(object sender, TappedEventArgs e)
{
    var parent = sender as Layout;
    var tapPosition = e.GetPosition(parent);
    if (tapPosition == null) return;

    // 计算ContentView的显示区域
    var contentViewRect = new Rect(
        TargetContentView.X, 
        TargetContentView.Y, 
        TargetContentView.Width, 
        TargetContentView.Height);

    if (!contentViewRect.Contains((Point)tapPosition))
    {
        // 此处处理ContentView失焦后的逻辑
        Console.WriteLine("用户点击了ContentView外部");
    }
}

方案二：自定义ContentView+平台触摸事件监听 #

通过自定义ContentView，在各平台底层监听触摸事件，判断触摸点是否在View外部，触发自定义事件。

共享项目自定义ContentView： #

public class DetectableContentView : ContentView
{
    // 自定义外部点击事件
    public event EventHandler ExternalTapped;

    internal void RaiseExternalTapped()
    {
        ExternalTapped?.Invoke(this, EventArgs.Empty);
    }
}

Android平台Handler实现： #

public class DetectableContentViewHandler : ContentViewHandler
{
    protected override void ConnectHandler(MauiContentView platformView)
    {
        base.ConnectHandler(platformView);
        platformView.Touch += OnPlatformViewTouch;
    }

    protected override void DisconnectHandler(MauiContentView platformView)
    {
        platformView.Touch -= OnPlatformViewTouch;
        base.DisconnectHandler(platformView);
    }

    private void OnPlatformViewTouch(object sender, Android.Views.View.TouchEventArgs e)
    {
        var view = sender as Android.Views.View;
        var motionEvent = e.Event;
        float touchX = motionEvent.GetX();
        float touchY = motionEvent.GetY();

        // 判断触摸点是否超出当前View边界
        if (touchX < 0 || touchX > view.Width || touchY < 0 || touchY > view.Height)
        {
            (VirtualView as DetectableContentView)?.RaiseExternalTapped();
        }
    }
}

使用方式： #

在XAML中引用自定义ContentView，并订阅ExternalTapped事件：

<local:DetectableContentView ExternalTapped="OnContentViewExternalTapped">
    <!-- 内部内容 -->
</local:DetectableContentView>

方案三：FocusManager全局焦点监听 #

先将ContentView设置为可聚焦，再通过监听全局焦点变化，判断ContentView是否失去焦点。

实现步骤： #

1. 给ContentView设置IsFocusable="True"
2. 订阅FocusManager.Current.PropertyChanged事件，监听焦点元素变化
3. 当焦点元素不是目标ContentView时，执行失焦逻辑

代码示例：

public MainPage()
{
    InitializeComponent();
    TargetContentView.IsFocusable = true;
    FocusManager.Current.PropertyChanged += OnFocusManagerPropertyChanged;
}

private void OnFocusManagerPropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
{
    if (e.PropertyName == nameof(FocusManager.Current.FocusedElement))
    {
        if (FocusManager.Current.FocusedElement != TargetContentView)
        {
            // 处理失焦逻辑
            Console.WriteLine("ContentView已失去焦点");
        }
    }
}

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