.NET MAUI实现点击笔记输入框外部时失焦的方法

要实现点击输入框外部或其他输入框时让当前输入框失去焦点，可按以下步骤调整现有代码：

关键问题修正 #

你的现有代码中，IsFocused 属性默认是单向绑定，导致ViewModel中修改 IsNoteEditorFocused 无法同步到UI控件，需设置为双向绑定。

步骤1：修改XAML输入框绑定 #

在CustomEditor的IsFocused属性上添加Mode=TwoWay，确保ViewModel与UI的焦点状态双向同步：

<!-- 用于输入笔记的自定义编辑器 -->
<controls:CustomEditor x:Name="noteEditor" Margin="10,10,10,5" BackgroundColor="Transparent" AutoSize="TextChanges" 
        Text="{Binding Message}" TextColor="Black" Placeholder="在此输入您的笔记"
        FontSize="15" FontFamily="Roboto-Regular" IsReadOnly="{Binding IsMessageReadOnly}"
        HorizontalOptions="Fill" VerticalOptions="Fill" IsFocused="{Binding IsNoteEditorFocused, Mode=TwoWay}"  />

步骤2：确保手势识别器覆盖有效区域 #

需保证添加TapGestureRecognizer的Grid是页面根容器或覆盖输入框以外的所有区域，这样点击外部时才能触发命令。若当前Grid仅为输入框局部容器，建议将手势识别器移至页面最外层布局（如根Grid或ContentPage的Content容器）。

步骤3：ViewModel逻辑保留（可优化通知逻辑） #

你的ViewModel逻辑无需大改，若基于INotifyPropertyChanged接口，现有代码可正常工作：

// 跟踪笔记编辑器焦点状态的布尔属性
private bool _isNoteEditorFocused;

public bool IsNoteEditorFocused 
{ 
    get => _isNoteEditorFocused; 
    set 
    { 
        if (_isNoteEditorFocused != value) 
        { 
            _isNoteEditorFocused = value; 
            NotifyPropertyChanged(nameof(IsNoteEditorFocused)); 
        } 
    } 
}

// 处理点击笔记编辑器外部的命令
public ICommand TapOutsideNoteCommand { get; private set; }

// 初始化TapOutsideNoteCommand的构造函数
public YourViewModelConstructor() 
{ 
    TapOutsideNoteCommand = new Command(OnTapOutsideNote); 
}

// 点击外部时让笔记编辑器失焦的方法
private void OnTapOutsideNote() 
{ 
    IsNoteEditorFocused = false; 
}

额外说明：点击其他输入框自动失焦 #

点击其他输入框时，系统会自动让当前输入框失去焦点，无需额外编写代码，只要输入框焦点状态绑定正常即可。

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