WPF中如何通过MVVM将TextBox选中文本绑定至ViewModel（无代码后置）

嘿，作为WPF+MVVM新手，这个需求其实完全可以通过**附加属性（Attached Property）**来搞定，不用写任何代码后置！下面给你一步步说明具体实现：

1. 先准备你的ViewModel #

首先确保你的ViewModel实现了INotifyPropertyChanged接口，然后添加一个用于绑定选中文本的属性：

public class MainViewModel : INotifyPropertyChanged
{
    private string _selectedText;
    public string SelectedText
    {
        get => _selectedText;
        set
        {
            if (_selectedText != value)
            {
                _selectedText = value;
                OnPropertyChanged(nameof(SelectedText));
            }
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 创建附加属性类 #

我们需要一个附加属性来作为TextBox的SelectedText和ViewModel之间的桥梁——因为原生TextBox的SelectedText是只读依赖属性，没法直接双向绑定。新建一个静态类：

public static class TextBoxHelper
{
    // 定义附加属性
    public static readonly DependencyProperty SelectedTextProperty =
        DependencyProperty.RegisterAttached(
            "SelectedText",
            typeof(string),
            typeof(TextBoxHelper),
            new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault, OnSelectedTextChanged));

    // Getter方法
    public static string GetSelectedText(DependencyObject obj)
    {
        return (string)obj.GetValue(SelectedTextProperty);
    }

    // Setter方法
    public static void SetSelectedText(DependencyObject obj, string value)
    {
        obj.SetValue(SelectedTextProperty, value);
    }

    // 属性变化时的处理逻辑
    private static void OnSelectedTextChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        if (d is TextBox textBox)
        {
            // 移除旧的事件监听，避免内存泄漏
            textBox.SelectionChanged -= TextBox_SelectionChanged;
            
            // 如果是ViewModel主动设置值，同步到TextBox的选中文本
            if (e.NewValue != null)
            {
                var newSelectedText = e.NewValue.ToString();
                var startIndex = textBox.Text.IndexOf(newSelectedText);
                if (startIndex >= 0)
                {
                    textBox.Select(startIndex, newSelectedText.Length);
                }
            }
            
            // 添加新的事件监听，当用户选中文本时同步到附加属性
            textBox.SelectionChanged += TextBox_SelectionChanged;
        }
    }

    // TextBox选中变化时同步到附加属性
    private static void TextBox_SelectionChanged(object sender, RoutedEventArgs e)
    {
        if (sender is TextBox textBox)
        {
            SetSelectedText(textBox, textBox.SelectedText);
        }
    }
}

3. 在XAML中使用绑定 #

现在你可以在XAML里直接绑定这个附加属性到ViewModel的SelectedText了，不需要任何代码后置：

<Window x:Class="WpfMvvmSelectedText.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfMvvmSelectedText"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:MainViewModel />
    </Window.DataContext>
    <Grid>
        <TextBox Margin="20"
                 AcceptsReturn="True"
                 Text="这里是多行文本，选中任意部分试试～"
                 local:TextBoxHelper.SelectedText="{Binding SelectedText, Mode=TwoWay}" />
        
        <!-- 可以加个TextBlock来验证绑定是否生效 -->
        <TextBlock Margin="20,100,20,0"
                   Text="你选中的文本是：" />
        <TextBlock Margin="20,130,20,0"
                   Text="{Binding SelectedText}"
                   Foreground="Blue" />
    </Grid>
</Window>

原理说明 #

原生TextBox的SelectedText属性虽然是依赖属性，但它的绑定模式被设置为OneWayToSource，没法直接做双向绑定。我们的附加属性相当于一个中间层：

• 当用户在TextBox中选中文本时，SelectionChanged事件触发，把选中的文本同步到附加属性，再通过绑定传递给ViewModel
• 当ViewModel中的SelectedText主动更新时，附加属性的变化回调会把文本同步到TextBox的选中范围

这样就完全符合MVVM的要求，没有任何代码后置，所有逻辑都在ViewModel和附加属性类里处理～

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