如何在MVVM模式下插入控件？含光标所在动态TextBox下方场景

嘿，我来帮你搞定这两个MVVM场景下的控件操作问题，结合你给出的ItemsControl代码片段，咱们一步步拆解：

在MVVM的核心逻辑里，UI是数据的镜像，所以插入控件本质是操作绑定的数据源集合，而不是直接操作UI元素。结合你用的ItemsControl，可以这么做：

• 首先，确保你的ListControls是ObservableCollection<ControlViewModel>类型（别用普通的List<T>）。因为ObservableCollection会在集合元素增删时自动通知UI更新，这是动态操作控件的基础。
• 然后在你的主ViewModel里添加一个插入方法，指定位置插入新的控件ViewModel：

public void InsertControlAt(int index, ControlViewModel newControlVm)
{
    if (index < 0 || index > ListControls.Count)
        return; // 边界校验
    
    ListControls.Insert(index, newControlVm);
}

这里的ControlViewModel是你为每个动态控件定义的ViewModel（比如TextBox对应的VM、你要插入的控件对应的VM），要实现INotifyPropertyChanged接口来支持属性通知。

• 最后，通过Command绑定触发插入操作（比如按钮点击），把要插入的位置和新VM传递给这个方法就行。

这个需求需要结合UI交互跟踪和数据源操作，核心是先找到光标所在TextBox对应的ViewModel，再在集合里插入新元素：

第一步：跟踪焦点/光标所在的控件ViewModel #

给每个动态TextBox对应的ViewModel加一个标记属性，用来标识当前选中/聚焦的项：

public class TextBoxViewModel : INotifyPropertyChanged
{
    private bool _isFocused;
    public bool IsFocused
    {
        get => _isFocused;
        set
        {
            _isFocused = value;
            OnPropertyChanged();
        }
    }

    public string Text { get; set; } // 绑定TextBox的Text属性

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

然后在XAML的ItemTemplate里，把TextBox的焦点事件和这个属性绑定：

<DataTemplate>
    <Grid HorizontalAlignment="Stretch">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="50"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <!-- 你的其他控件 -->
        <TextBox Grid.Column="1" 
                 Text="{Binding Text}"
                 GotFocus="TextBox_GotFocus"
                 LostFocus="TextBox_LostFocus" />
    </Grid>
</DataTemplate>

在代码后台（或者用MVVM行为）处理焦点事件，更新主ViewModel里的选中项：

private void TextBox_GotFocus(object sender, RoutedEventArgs e)
{
    var textBox = sender as TextBox;
    var vm = textBox.DataContext as TextBoxViewModel;
    (DataContext as MainViewModel).SelectedTextBoxVm = vm;
}

private void TextBox_LostFocus(object sender, RoutedEventArgs e)
{
    var textBox = sender as TextBox;
    var vm = textBox.DataContext as TextBoxViewModel;
    if ((DataContext as MainViewModel).SelectedTextBoxVm == vm)
        (DataContext as MainViewModel).SelectedTextBoxVm = null;
}

第二步：在主ViewModel里实现插入逻辑 #

主ViewModel里保存当前选中的TextBoxVM，然后插入到它的下一个位置：

public class MainViewModel : INotifyPropertyChanged
{
    public ObservableCollection<TextBoxViewModel> ListControls { get; set; } = new();

    private TextBoxViewModel _selectedTextBoxVm;
    public TextBoxViewModel SelectedTextBoxVm
    {
        get => _selectedTextBoxVm;
        set
        {
            _selectedTextBoxVm = value;
            OnPropertyChanged();
        }
    }

    public ICommand InsertBelowSelectedCommand => new RelayCommand(InsertBelowSelected);

    private void InsertBelowSelected()
    {
        if (SelectedTextBoxVm == null)
            return;
        
        int currentIndex = ListControls.IndexOf(SelectedTextBoxVm);
        if (currentIndex == -1)
            return;
        
        // 创建你要插入的新控件ViewModel（比如新的TextBoxVM或者其他控件VM）
        var newControlVm = new TextBoxViewModel();
        ListControls.Insert(currentIndex + 1, newControlVm);
        
        // 可选：让新插入的控件自动获得焦点
        // 可以通过Messenger或者UI行为来实现，避免直接操作UI
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

这里用了RelayCommand（可以从MVVM框架比如Prism、MVVM Light获取，或者自己实现一个简单版本）来绑定按钮的点击事件。

小提示 #

如果不想用后台代码处理焦点，可以用MVVM行为库（比如Microsoft.Xaml.Behaviors.Wpf）来绑定GotFocus事件到ViewModel的Command，这样更贴合MVVM的纯VM逻辑。

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