c# - 动态更新标签元素

Question

我正在学习 wpf，我正在尝试根据 RichTextBox 中的字符数更改标签值 我想我可以在 richTextBox_TextChanged() 方法中执行此操作，其中当前逻辑是删除所有输入的超过 140 个字符的文本。

private void richTextBox_TextChanged(object sender, TextChangedEventArgs e)
    {
        TextRange range = new TextRange(richTextBox.Document.ContentStart, richTextBox.Document.ContentEnd);
        var text = range.Text.Trim();
        label.Content = text.Length;
        if (text.Length > 140)
        {
            int split = 0;
            while (richTextBox.CaretPosition.DeleteTextInRun(-1) == 0)
            {
                richTextBox.CaretPosition.GetPositionAtOffset(--split);

            }
        }
    }

这在运行时崩溃是因为这一行 label.Content = text.Length; 我使用这一行来查看我是否可以在开始时获得零长度以查看它是否有效根本。错误是:“ApplicationName.exe 中出现类型为‘System.NullReferenceException’的异常，但未在用户代码中处理”。

只允许 140 个字符的逻辑工作正常，名称“label”也是我的标签 UI 元素的名称。

我需要做什么才能将我的标签值更改为 text 字段的长度，并让它随着用户键入而改变。

Answer 1

没有好的Minimal, Complete, and Verifiable code example ，无法确定问题出在哪里。您可以在此处找到有关如何调试、诊断和修复 NullReferenceException 的许多有用建议:What is a NullReferenceException, and how do I fix it?

也就是说，我认为问题很可能是 TextChanged 事件在您的 label 字段初始化之前引发的，可能是 的一部分>InitializeComponent() 方法执行。只是事情的顺序错了。

您可以通过在尝试使用它之前检查 label 字段是否为 null 来简单地解决该问题。但是 a) 这增加了代码的复杂性，并且 b) 可能会使您的 Label 控件处于未初始化状态，直到您明确设置它，或者稍后更改文本。

事实上，更好的方法是接受保留 View 模型并绑定(bind)到它的常规 WPF 范例。正如埃德所说 in his comment ，由于 RichTextBox 维护其内容的方式，特别是因为没有方便、简单的 string 属性，您可以跟踪，您可能仍然需要代码隐藏处理 TextChanged 事件。但在那种情况下，您仍然可以访问适当的 View 模型并让它完成工作。

这样做，WPF 将确保它不会尝试取消引用 null 值，并且当 Label 控件最终初始化时，它是正确初始化为您期望的值。

这是一个简单的 View 模型，它具有用于此目的的单个属性，并且包含对于任何 View 模型类都是典型的样板逻辑(您可以在 Stack Overflow 中找到这些示例......我只是在这里提供这个用于与本文其余部分的便利性和一致性):

class ViewModel : INotifyPropertyChanged
{
    private int _textLength;

    public int TextLength
    {
        get { return _textLength; }
        set { _UpdateField(ref _textLength, value); }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void _UpdateField<T>(ref T field, T newValue, [CallerMemberName] string propertyName = null)
    {
        if (!EqualityComparer<T>.Default.Equals(field, newValue))
        {
            field = newValue;
            _OnPropertyChanged(propertyName);
        }
    }

    private void _OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

        switch (propertyName)
        {
            // you can add "case nameof(...):" cases here to handle
            // specific property changes, rather than polluting the
            // property setters themselves
        }
    }
}

有了这样的 View 模型，您就可以编写 XAML:

<Window x:Class="TestSO42984032TextLengthLabel.MainWindow"
        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:l="clr-namespace:TestSO42984032TextLengthLabel"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
  <Window.DataContext>
    <l:ViewModel/>
  </Window.DataContext>
  <StackPanel>
    <RichTextBox TextChanged="RichTextBox_TextChanged"/>
    <Label Content="{Binding TextLength}"/>
  </StackPanel>
</Window>

当然，您需要代码隐藏:

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
    }

    private void RichTextBox_TextChanged(object sender, TextChangedEventArgs e)
    {
        ViewModel model = (ViewModel)DataContext;
        RichTextBox richTextBox = (RichTextBox)sender;
        TextRange range = new TextRange(richTextBox.Document.ContentStart, richTextBox.Document.ContentEnd);
        var text = range.Text.Trim();

        model.TextLength = text.Length;
        if (text.Length > 140)
        {
            int split = 0;
            while (richTextBox.CaretPosition.DeleteTextInRun(-1) == 0)
            {
                richTextBox.CaretPosition.GetPositionAtOffset(--split);

            }
        }
    }
}

现在，只要文本发生变化，您的事件处理程序就会被调用，作为它所做工作的一部分，它会使用正确的值更新 View 模型属性。 DataContext 一定会在此时设置，因此您可以安全地使用它而无需担心 null 引用。

如果出于某种原因让纯文本信息也有用，您可以扩展您的 View 模型以包含该信息:

class ViewModel : INotifyPropertyChanged
{
    private string _text;
    private int _textLength;

    public string Text
    {
        get { return _text; }
        set { _UpdateField(ref _text, value); }
    }

    public int TextLength
    {
        get { return _textLength; }
        set { _UpdateField(ref _textLength, value); }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void _UpdateField<T>(ref T field, T newValue, [CallerMemberName] string propertyName = null)
    {
        if (!EqualityComparer<T>.Default.Equals(field, newValue))
        {
            field = newValue;
            _OnPropertyChanged(propertyName);
        }
    }

    private void _OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

        switch (propertyName)
        {
            case nameof(Text):
                TextLength = Text.Length;
                break;
        }
    }
}

请注意，我在这里使用 switch 语句来更新 TextLength 属性。您的代码隐藏看起来像这样:

private void RichTextBox_TextChanged(object sender, TextChangedEventArgs e)
{
    ViewModel model = (ViewModel)DataContext;
    RichTextBox richTextBox = (RichTextBox)sender;
    TextRange range = new TextRange(richTextBox.Document.ContentStart, richTextBox.Document.ContentEnd);
    var text = range.Text.Trim();

    model.Text = text;
    if (text.Length > 140)
    {
        int split = 0;
        while (richTextBox.CaretPosition.DeleteTextInRun(-1) == 0)
        {
            richTextBox.CaretPosition.GetPositionAtOffset(--split);

        }
    }
}

最后，请注意绑定(bind)可以使用属性路径，而不仅仅是简单的属性名称。因此，如果您愿意，可以完全省略 TextLength 属性:

class ViewModel : INotifyPropertyChanged
{
    private string _text = string.Empty;

    public string Text
    {
        get { return _text; }
        set { _UpdateField(ref _text, value); }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    private void _UpdateField<T>(ref T field, T newValue, [CallerMemberName] string propertyName = null)
    {
        if (!EqualityComparer<T>.Default.Equals(field, newValue))
        {
            field = newValue;
            _OnPropertyChanged(propertyName);
        }
    }

    private void _OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

        switch (propertyName)
        {
            // empty
        }
    }
}

并将 XAML 更改为:

<Window x:Class="TestSO42984032TextLengthLabel.MainWindow"
        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:l="clr-namespace:TestSO42984032TextLengthLabel"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
  <Window.DataContext>
    <l:ViewModel/>
  </Window.DataContext>
  <StackPanel>
    <RichTextBox TextChanged="RichTextBox_TextChanged"/>
    <Label Content="{Binding Text.Length}"/>
  </StackPanel>
</Window>

请注意，在这种情况下，您需要初始化 View 模型字段，以确保它具有实际的非 null 字符串值。如果没有该更改，程序将运行，但您的 Label 最初将没有设置任何值。

希望对您有所帮助。如您所见，即使在 View 模型范例中，也有很多变体，具体取决于程序其余部分的重要性。但这应该让您指向正确的方向。