如何将文本框对象绑定到 ViewModel

Question

尝试使用简单的日志记录功能制作我的第一个应用程序到主窗体上的TextBox。

要实现日志记录，我需要将TextBox 对象放入记录器的类中。

可能 - 不能这样做 :) 目前没有错误，但据我了解，TextBox 的文本值绑定到我的 ViewModel，因为尝试获取“空引用”异常执行。

Logger.cs

public class Logger : TextWriter
{
        TextBox textBox = ViewModel.LogBox;
        public override void Write(char value)
        {
            base.Write(value);
            textBox.Dispatcher.BeginInvoke(new Action(() =>
            {
                textBox.AppendText(value.ToString());
            }));
        }

        public override Encoding Encoding
        {
            get { return System.Text.Encoding.UTF8; }
        }
}

ViewModel.cs

public class ViewModel
{
    public int ThreadCount { get; set; }
    public int ProxyTimeout { get; set; }

    public static TextBox LogBox { get; set; }
    //private TextBox _LogBox;
    //public TextBox LogBox {
    //    get { return _LogBox; }
    //    set {
    //        _LogBox = value;
    //    }
    //}
}

在 btn 点击时启动，MainWindow.xaml.cs：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = new ViewModel();
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        Logger logger = new Logger();
        logger.Write("ewgewgweg");
    }
}

MainWindow.xaml

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:tools"
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" x:Class="tools.MainWindow"
        mc:Ignorable="d"
        Title="Tools" Height="399.387" Width="575.46">

        <TextBox x:Name="logBox" 
            ScrollViewer.HorizontalScrollBarVisibility="Auto"
            ScrollViewer.VerticalScrollBarVisibility="Auto" HorizontalAlignment="Left" Height="137" Margin="10,222,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="394" Text="{Binding Path = LogBox, Mode=TwoWay}"/>

Answer 1

您的代码中有几个问题：

• 不要在您的视图模型中添加控件 (TextBox)，如果您这样做了，那么尝试执行 MVVM 是没有用的。
• XAML 中的Text 属性必须是字符串类型或可以转换为字符串的类型。您正在绑定一个控件，这将导致在屏幕上显示System.Windows.Controls.TextBox（.ToString() 的结果）而不是实际文本。
• 您的 LogBox 属性应该实现 INotifyPropertyChanged
• 您不希望TwoWay 绑定，因为文本从您的记录器流向用户界面，您不需要它流回。您甚至可以考虑改用 TextBlock 或将控件设为只读，这样人们就无法更改内容。
• 您不需要静态属性或静态视图模型，请阅读 dependency injection 了解如何传递依赖项。
• 您将通过逐个附加字符来淹没您的 UI 线程。考虑使用另一种实现（但我不会对此答案进行深入探讨）。

牢记以上所有内容，我将您的代码转换为这个。

MainWindow.xaml

    <TextBox x:Name="logBox" 
             HorizontalAlignment="Left" VerticalAlignment="Top" Height="137" Margin="10,222,0,0" 
             TextWrapping="Wrap"  Width="394" Text="{Binding Path = LogBox}"/>

MainWindow.xaml.cs

public partial class MainWindow : Window
{
    private Logger _logger;

    public MainWindow()
    {
        InitializeComponent();
        var viewModel = new ViewModel();
        DataContext = viewModel;
        _logger = new Logger(viewModel); // passing ViewModel through Dependency Injection
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        _logger.Write("ewgewgweg");
    }
}

ViewModel.cs

public class ViewModel : INotifyPropertyChanged
{
    public int ThreadCount { get; set; }
    public int ProxyTimeout { get; set; }

    private string _logBox;
    public string LogBox
    {
        get { return _logBox; }
        set
        {
            _logBox = value;
            OnPropertyChanged();
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

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

Logger.cs

public class Logger : TextWriter
{
    private readonly ViewModel _viewModel;

    public Logger(ViewModel viewModel)
    {
        _viewModel = viewModel;
    }

    public override void Write(char value)
    {
        base.Write(value);
        _viewModel.LogBox += value;
    }

    public override Encoding Encoding
    {
        get { return System.Text.Encoding.UTF8; }
    }
}

Answer 2

您可以使用字符串代替TextBox，如下所示

在视图模型类中

public class ViewModel : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;
    private string _logBox;

    public string LogBox 
    { 
        get {return _logBox;}
        set
        {
            if(value != _logBox)
            {
                _logBox=value;
                OnPropertyChanged("LogBox");
            }
        }
    }

    protected void OnPropertyChanged(string name)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null)
        {
            handler(this, new PropertyChangedEventArgs(name));
        }
    }
}

而在 writer 方法中，您只需

public void writer (string str)
{
    ViewModel.LogBox = str;
}

您可以将 ViewModel 定义为静态或从 ViewModel 创建新对象并根据需要访问 logger 类中的对象！

希望这会有所帮助。