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

本文关键字：绑定 ViewModel 对象 文本 | 更新日期: 2023-09-27 18:26:32

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

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

Prob-不能这样做：）目前没有错误，但据我所知，TextBox的文本值绑定到了我的ViewModel，因为尝试执行时出现了"null reference"异常。

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");
    }
}

主窗口.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}"/>

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

您的代码中有几个问题：

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

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

主窗口.xaml

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

主窗口.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; }
    }
}

您可以使用字符串而不是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));
        }
    }
}

而在编写方法中，你只需要

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

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

希望这能有所帮助。

相关文章：