如何在 UserControl 中显示 ObservableCollection<string>

Question

我是 WPF 的新手，我发现了一些类似的问题，但不能完全弄清楚最后一部分。我有一个带有 ObservableCollection 的 ViewModel，其中包含错误消息。我想在表单上显示这些并允许用户选择和复制全部或部分消息。 （过去在 WinForm 应用程序中，我为此使用了 RichTextBox，但我不知道如何将一个绑定到 WPF 中的集合。）

我使用以下 xaml 获得了我想要的外观，但没有像使用 RichTextBox 那样选择和复制的内置方法。有谁知道我应该使用哪个控件，或者是否有办法启用选择/复制所有 TextBlocks 的内容，或者将其绑定到 RichTextBox 的方法？

    <Grid Margin="6">
    <ScrollViewer VerticalScrollBarVisibility="Auto"  Height="40" Grid.Column="0" Margin="6">
        <ItemsControl ItemsSource="{Binding ErrorMessages}" >            
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                     <TextBlock Text="{Binding Mode=OneWay}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </ScrollViewer>
</Grid>

[编辑] @Andrey Shvydky - 这不适合评论。 我花了一段时间才弄清楚正确的语法（尤其是 /, 东西），但最终我得到了如下所示的流文档语法。它在表单上看起来是正确的，起初似乎支持全选/复制。但是当我在全选/复制后粘贴时，什么都没有出现。有人知道为什么吗？

 <Grid Margin="6">
    <FlowDocumentScrollViewer>
        <FlowDocument >
            <Paragraph>
                <ItemsControl ItemsSource="{Binding ErrorMessages, Mode=OneWay}" />
                <Run Text="{Binding /, Mode=OneWay}" />
            </Paragraph>
        </FlowDocument>
    </FlowDocumentScrollViewer>
</Grid>

Answer 1

除非您有大量消息，否则简单的converter 可能是可行的：

<TextBox IsReadOnly="True">
    <TextBox.Text>
        <Binding Path="Messages" Mode="OneWay">
            <Binding.Converter>
                <vc:JoinStringsConverter />
            </Binding.Converter>
        </Binding>
    </TextBox.Text>
</TextBox>

public class JoinStringsConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        var strings = value as IEnumerable<string>;
        return string.Join(Environment.NewLine, strings);
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        throw new NotSupportedException();
    }
}

Answer 2

可能有助于生成 FlowDocument 并在 FlowDocumentReader 中显示此文档。 尝试从这篇文章开始：Flow Document Overview。

生成示例：

    void ShowErrors(FlowDocumentReader reader, Exception[] errors) {
        FlowDocument doc = new FlowDocument();
        foreach (var e in errors) {
            doc.Blocks.Add(new Paragraph(new Run(e.GetType().Name)) {
                Style = (Style)this.FindResource("header")
            });
            doc.Blocks.Add(new Paragraph(new Run(e.Message)) {
                Style = (Style)this.FindResource("text")
            });
        }
        reader.Document = doc;
    }

在这个例子中，我为 flowdocument 中的文本添加了一些样式。请看 XAML：

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Style x:Key="header" TargetType="{x:Type Paragraph}">
        <Setter Property="FontWeight" Value="Bold"/>
    </Style>
    <Style x:Key="text" TargetType="{x:Type Paragraph}">
        <Setter Property="Margin" Value="30, 0, 0, 0"/>
    </Style>
</Window.Resources>
<FlowDocumentReader Name="reader">
</FlowDocumentReader>

结果：

Answer 3

最简单的方法：

假设您的视图模型实现了 INotifyPropertyChange，请为 ObservableCollection PropertyChanged 事件创建一个事件处理程序。创建一个将可观察集合中的所有项目聚合成单个字符串的属性。每当可观察集合发生变化时，为您的新属性触发通知事件。绑定到该属性

public class ViewModel : INotifyPropertyChange
{
    public ViewModel()
    {
        MyStrings.CollectionChanged += ChangedCollection;
    }
    public ObservableCollection<string> MyStrings{get;set;}

    public void ChangedCollection(args,args)
    {
        base.PropertyChanged("MyAllerts");
    }

    public string MyAllerts
    {
        get
        {
            string collated = "";
            foreach(var allert in MyStrings)
            {
                collated += allert;
                    collated += "\n";
            }
        }
    }

}

我知道这段代码充满了错误（我是用 SO 而不是 VS 编写的），但它应该能给你一些想法。

Answer 4

<Grid Margin="6">
    <ScrollViewer VerticalScrollBarVisibility="Auto"  Height="40" Grid.Column="0" Margin="6">
        <ItemsControl ItemsSource="{Binding ErrorMessages}" >            
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                     <TextBox Text="{Binding ViewModelMemberRepresentingYourErrorMessage}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
        </ItemsControl>
    </ScrollViewer>
</Grid>