【C#】【WPF】リッチテキストボックスの操作で幾つか質問があります

Question

##前提
環境：VS2019 .NET Framework 4.5.1
言語：C# WPF
フレームワーク：MVVM

##悩んでいる事
リッチテキストボックスにおいて、以下の点が分からず悩んでおります。
3. 中身を拡大させるには
0. 文字列を折り返さないようにするには
2. 横スクロールバーを表示するには

現状の動作をGIFにしています。

1.中身を拡大させるには

リッチテキストボックス上で[Ctrl + マウスホイール]で拡大・縮小するように実装しています。

現状ですと、リッチテキストボックスコントロール自体を拡大してしまっている状態です。
これを、リッチテキストボックスのDocumentプロパティに対して、拡大・縮小を行う事は可能でしょうか。

WinFormだと、ZoomFactorプロパティがありコントロールの内容をズームすることができたのですがWPFではなくなってしまっているようです。

2.文字列を折り返さないようにするには

文字を拡大した際に、リッチテキストボックスの幅を超える場合は自動的に折り返されてしまいます。
文字が大量にある場合に折り返すと著しくレンダリングのパフォーマンスが落ちるため、折り返しをしないようにしたいのですが、リッチテキストボックスに用意されていないようです。
イメージ的には、TextWrapping="NoWrap" のようなプロパティを付けたいのですが、可能でしょうか。

試してみた事としては、MinWidth や Widthプロパティに大きな値をセットする事で折り返さないようにはできたのですが、横スクロールバーが表示されず、文字数の多い行は画面に見えている範囲でしか見えなくなってしまいました。

###3.横スクロールバーを表示するには
「文字列を折り返さないようにするには」でラッピングによる解決できればこちらも芋づる式に解決できそうな気はします。

##コード
BindableRichTextBox はリッチテキストボックスのDocumentプロパティをバインド可能にしたコントロールです。なのでリッチテキストボックスと思って差し支えありません。

<ScrollViewer
    Grid.Column="2" Grid.Row="1"
    Grid.ColumnSpan="2"
    >
    <b:BindableRichTextBox
        PreviewMouseWheel="BindableRichTextBox_OnPreviewMouseWheel"
        Document="{Binding SelectedFlowDocument}"

        BorderThickness="1"
        IsReadOnly="True"
        >
        <b:BindableRichTextBox.LayoutTransform>
            <ScaleTransform
                ScaleX="{Binding ElementName=Scale, Path=Value}"
                ScaleY="{Binding ElementName=Scale, Path=Value}"/>
        </b:BindableRichTextBox.LayoutTransform>
    </b:BindableRichTextBox>
</ScrollViewer>
<!--隠し項目-->
<Slider x:Name="Scale"
        Grid.Row="0" Grid.Column="0"
        Minimum="1" Maximum="100" Visibility="Collapsed"/>

コードビハインドです。
[Ctrl]を押下している場合にのみ、拡大率を制御するようにしています。

/// <summary>
/// リッチテキストボックス上でマウスホイールが変化した時に発火
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void BindableRichTextBox_OnPreviewMouseWheel(object sender,MouseWheelEventArgs e)
{
    if (Keyboard.Modifiers != ModifierKeys.Control) return;
    Scale.Value += e.Delta > 0 ? 0.5 : -0.5;
}

お願いします。

2019/0907 追記

ViewBox の子にリッチテキストボックスを置くとリッチテキストボックスがかなり拡大されたような感じになります。
今のアプリケーションの組み方が悪いのかな？と思ったのでプレーンなWPFプロジェクトを作成しなおしてみましたが、同じでした。

ViewBoxに対して明示的な幅を示してやらないとこのようになるみたいですが、可変的な幅・高さになるので今回の例でViewBoxは使用できなさそうです。

Comments

[Zuishin]

テキストボックス自体を拡大縮小するのが一番ではないかと思いますが、何か問題ありますか？

[OXamarin]

画像が拡大されない為、中身を拡大したいです。

[Zuishin]

https://blog.okazuki.jp/entry/20130105/1357400239
RichTextBox を ViewBox の子にするとどうなりますか？

[OXamarin]

追記しました。
うまくいかないようです。

[Zuishin]

大きさを再計算して設定してやることができるのでは？

Answer 1

現状ですと、リッチテキストボックスコントロール自体を拡大してしまっている状態です。
これを、リッチテキストボックスのDocumentプロパティに対して、拡大・縮小を行う事は可能でしょうか。

RichTextBoxにはスクロール機能が内包されていますが、ScrollViewerで包んでいるのであれば事実上同じじゃないでしょうか。

文字が大量にある場合に折り返すと著しくレンダリングのパフォーマンスが落ちるため、折り返しをしないようにしたいのですが、リッチテキストボックスに用意されていないようです。

RenderTransformで拡大すれば再レイアウトしないので、折り返しは発生しません（がScrollViewerも無反応になります。何かダミーのもののサイズを変える等の処置が必要）
UIElement.RenderTransform プロパティ (System.Windows) | Microsoft Learn

試してみた事としては、MinWidth や Widthプロパティに大きな値をセットする事で折り返さないようにはできたのですが、横スクロールバーが表示されず、文字数の多い行は画面に見えている範囲でしか見えなくなってしまいました。

ScrollViewerはHorizontalScrollBarVisibilityを指定しないと、横スクロールバーは出ません。
ScrollViewer.HorizontalScrollBarVisibility Property (System.Windows.Controls) | Microsoft Learn

ただ単に指定するとRichTextBoxが、縦書きのように細長くなってしまいます（よくわからん。１行になるならわかるけどｗ
なんにせよ幅は固定する必要があります。

ViewBoxに対して明示的な幅を示してやらないとこのようになるみたいですが、可変的な幅・高さになるので今回の例でViewBoxは使用できなさそうです。

明示的に「何か（可変する）具体的な数値」をバインドすればいいのです。

<ScrollViewer x:Name="scrollViewer" HorizontalScrollBarVisibility="Auto">
  <RichTextBox Width="{Binding ViewportWidth, ElementName=scrollViewer}">
    <RichTextBox.LayoutTransform>
      <ScaleTransform />
    </RichTextBox.LayoutTransform>
  </RichTextBox>
</ScrollViewer>

---

<Window
  x:Class="Q210369.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:local="clr-namespace:Q210369"
  Width="800"
  Height="450"
  ThemeMode="System">
  <Window.Resources>
    <FlowDocument x:Key="document" x:Shared="false">
      <Paragraph>リッチテキストボックスにおいて、以下の点が分からず悩んでおります。</Paragraph>
      <List Padding="30,0" MarkerStyle="Decimal">
        <ListItem>
          <Paragraph>文字列を折り返さないようにするには</Paragraph>
        </ListItem>
        <ListItem>
          <Paragraph>横スクロールバーを表示するには</Paragraph>
        </ListItem>
        <ListItem>
          <Paragraph>中身を拡大させるには</Paragraph>
        </ListItem>
      </List>
      <BlockUIContainer>
        <Image Width="90" HorizontalAlignment="Left" Source="https://teratail-v2.storage.googleapis.com/uploads/avatars/u13/132786/KnkDDC5A_thumbnail.jpg" />
      </BlockUIContainer>
    </FlowDocument>
  </Window.Resources>

  <UniformGrid Rows="1">
    <GroupBox Header="original">
      <Grid>
        <Slider x:Name="Scale" Minimum="1" Visibility="Hidden" />
        <ScrollViewer>
          <RichTextBox BorderThickness="1" Document="{StaticResource document}" PreviewMouseWheel="RichTextBox_PreviewMouseWheel">
            <RichTextBox.LayoutTransform>
              <ScaleTransform ScaleX="{Binding Value, ElementName=Scale}" ScaleY="{Binding Value, ElementName=Scale}" />
            </RichTextBox.LayoutTransform>
          </RichTextBox>
        </ScrollViewer>
      </Grid>
    </GroupBox>

    <GroupBox Header="adjust width">
      <ScrollViewer x:Name="scrollViewer" HorizontalScrollBarVisibility="Auto">
        <RichTextBox
          Width="{Binding ViewportWidth, ElementName=scrollViewer}"
          BorderThickness="1"
          Document="{StaticResource document}"
          PreviewMouseWheel="RichTextBox_PreviewMouseWheel_1">
          <RichTextBox.LayoutTransform>
            <ScaleTransform x:Name="scaleTransform" />
          </RichTextBox.LayoutTransform>
        </RichTextBox>
      </ScrollViewer>
    </GroupBox>
  </UniformGrid>
</Window>

using System.Windows;
using System.Windows.Input;

namespace Q210369;

public partial class MainWindow : Window
{
    public MainWindow() => InitializeComponent();

    private void RichTextBox_PreviewMouseWheel(object sender, MouseWheelEventArgs e)
    {
        if (Keyboard.Modifiers != ModifierKeys.Control) return;
        Scale.Value += 0 < e.Delta ? 0.5 : -0.5;
        e.Handled = true;
    }

    private void RichTextBox_PreviewMouseWheel_1(object sender, MouseWheelEventArgs e)
    {
        if (Keyboard.Modifiers != ModifierKeys.Control) return;

        var s = scaleTransform.ScaleX;
        s += 0 < e.Delta ? 0.5 : -0.5;
        s = double.Clamp(s, 1, 10);
        scaleTransform.ScaleX = scaleTransform.ScaleY = s;
        e.Handled = true;
    }
}