WPFでログ出力のようなことをしたい

Question

#現状
こんにちは。表題の通りで、一応自分でも作ってみたのですが、

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WPFTutorial20200914_3
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            r = new Random();
            logs = new System.Collections.ObjectModel.ObservableCollection<string>();
        }

        private Random r;

        private readonly string letters = "abcdefghijklmnopqrstuvwxyz";

        public System.Collections.ObjectModel.ObservableCollection<string> logs;

        private void addLogs(string str)
        {
            logs.Insert(0, str);
            while (logs.Count > 200)//here
            {
                logs.RemoveAt(logs.Count - 1);
            }
            string temp = "";
            foreach(var i in logs)
            {
                temp += i + "\n";
            }
            tb.Text = temp;
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            for (int j = 0; j < 10; j++)
            {
                string temp = "";
                for (int i = 0; i < r.Next(1, 20); i++)
                {
                    temp += letters[r.Next(0, letters.Length - 1)];
                }
                addLogs(temp);
            }
        }
    }
}

//hereの部分を大きくすると、(当然ですが)重くなり、ボタンクリックから即座に反応するのが難しくなってしまいます。ListBox系のものを使えば簡単ですが、あちらはカーソルを合わせると選択肢が青くなるのがデザイン上気に入らないため、このようにしています。

#知りたいこと
以上より、私は以下のどちらかについて知りたいです。

1. カーソルを合わせても何も起こらないListBoxの作成方法
2. ObservableCollection等について、1要素の追加と削除に対しての効率的な文字列への変換方法

よろしくお願いします。

#開発環境
OS: Windows10 HOME version 1909
IDE: Visual Studio 2019 Preview
Language: .NET Framework 4.7.2

Answer 1

カーソルを合わせても何も起こらないListBoxの作成方法

ItemsControlがそれです。

1要素の追加と削除に対しての効率的な文字列への変換方法

動かしてみた感じ、コード部分のせいではなくTextBlockの反映が遅いような気がします（ボタンの連打はできるが、表示がついてこない）
行数の多いTextBlock自体が重いとなると、やはり仮想化を有効にしたItemsControlが最適です。

TextBlock.InlinesにRunを追加削除もやってみましたが、お話にならないぐらい遅かったです。

<Window
  x:Class="Questions291838.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="800"
  Height="450">
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition />
    </Grid.ColumnDefinitions>

    <GroupBox Header="TextBlock">
      <DockPanel>
        <Button
          Click="TextBlockButton_Click"
          Content="Add"
          DockPanel.Dock="Top" />
        <ScrollViewer VerticalScrollBarVisibility="Auto">
          <TextBlock x:Name="tb" />
        </ScrollViewer>
      </DockPanel>
    </GroupBox>

    <GroupBox Grid.Column="1" Header="ItemsControl">
      <DockPanel>
        <Button
          Click="ItemsControlButton_Click"
          Content="Add"
          DockPanel.Dock="Top" />
        <ItemsControl x:Name="ic">
          <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
              <VirtualizingStackPanel />
            </ItemsPanelTemplate>
          </ItemsControl.ItemsPanel>
          <ItemsControl.Template>
            <ControlTemplate>
              <ScrollViewer VerticalScrollBarVisibility="Auto">
                <ItemsPresenter />
              </ScrollViewer>
            </ControlTemplate>
          </ItemsControl.Template>
        </ItemsControl>
      </DockPanel>
    </GroupBox>
  </Grid>
</Window>

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Linq;
using System.Windows;

namespace Questions291838
{
    public partial class MainWindow : Window
    {
        private const int maxCount = 2000;
        private const string letters = "abcdefghijklmnopqrstuvwxyz";

        private readonly List<string> tbLogs = new List<string>();
        private readonly ObservableCollection<string> icLogs = new ObservableCollection<string>();
        private readonly Random r = new Random();

        public MainWindow()
        {
            InitializeComponent();

            for(var i = 0; i < maxCount; i++)
            {
                tbLogs.Add(RandomWord());
                icLogs.Add(RandomWord());
            }
            tb.Text = string.Join("\n", tbLogs);
            ic.ItemsSource = icLogs;
        }

        // TextBlock側をできるだけ有利にしたつもり
        // 「少しは速くなるかな？」と思い書き換えた部分があるが、特にベンチマークを取ったわけではない
        private void TextBlockButton_Click(object sender, RoutedEventArgs e)
        {
            for(var i = 0; i < 10; i++)
            {
                tbLogs.Insert(0, RandomWord());
            }
            if(tbLogs.Count > maxCount)
            {
                tbLogs.RemoveRange(maxCount, tbLogs.Count - maxCount);
            }
            tb.Text = string.Join("\n", tbLogs);
        }

        private void ItemsControlButton_Click(object sender, RoutedEventArgs e)
        {
            for(var i = 0; i < 10; i++)
            {
                icLogs.Insert(0, RandomWord());
                while(icLogs.Count > maxCount)
                {
                    icLogs.RemoveAt(icLogs.Count - 1);
                }
            }
        }

        // 1行にしたかっただけ 速さはしらない^^;
        private string RandomWord() => string.Join("", Enumerable.Range(0, r.Next(1, 20)).Select(x => letters[r.Next(0, letters.Length - 1)]));
    }
}

---

さらに改良の余地もありそうですが、体感では差がわからなそうなのでやめました^^;

Comments

[void_390duke]

ItemsControl！これですまさしく求めていたものです！ありがとうございます。