1

私は次の問題を抱えています：

コンテンツのレイアウト（フォントサイズ、インデントなど）を変更せずに、使用可能なスペースの最大値に合わせて内部のコンテンツのサイズを自動的に変更できるRichTextBoxをセットアップしたいと思います。

TextBoxのコンテンツのスケーリングについてはすでに多くの質問を見ましたが、すべての質問はある種のズームスライダーに関連していました。私が欲しいのは、実際にスケーリングを計算して、TextBoxに自動的に最適になるようにすることです。

これまでに確立したのは、Scalingを計算するためのコードビハインドメソッドをトリガーできるように、ScrollViewer内にラップされたRichTextBoxテンプレートのAdornerDecorator内のLayoutTransformです。

最初は、すべてのコンテンツがViewPortに収まる場合、RichTextBoxはスケーリングされません。垂直スクロールバーを有効にする必要があるとすぐに、ScaleFactorを変更します。

これは、TextWrappingに関しては、かなりうまく機能します（XとYをスケーリングしても、テキストが異なる位置で折り返され、さらに高さが変更されることはありません）。何か案は？

物事をもう少し明確にするために、小さなデモを作成しました。

<Window x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Window.Resources>
    <ScaleTransform x:Key="ScaleTransform" ScaleY="{Binding ScaleFactor}"
                                           ScaleX="{Binding ScaleFactor}"/>
</Window.Resources>
<Grid>
    <RichTextBox AcceptsTab="True" 
                 Background="Transparent" 
                 BorderBrush="Transparent" 
                 VerticalScrollBarVisibility="Auto"
                 HorizontalScrollBarVisibility="Disabled"
                 HorizontalAlignment="Stretch" 
                 VerticalAlignment="Stretch">
        <RichTextBox.Template>
            <ControlTemplate TargetType="{x:Type TextBoxBase}">
                <Border CornerRadius="2" 
                        Background="{TemplateBinding Background}" 
                        BorderThickness="{TemplateBinding BorderThickness}" 
                        BorderBrush="{TemplateBinding BorderBrush}">
                    <ScrollViewer ScrollChanged="ScrollViewer_ScrollChanged">
                        <AdornerDecorator x:Name="PART_ContentHost" Focusable="False"
                                          LayoutTransform="{StaticResource ScaleTransform}"/>
                    </ScrollViewer>
                </Border>
            </ControlTemplate>
        </RichTextBox.Template>
    </RichTextBox>
</Grid>

そして、コードビハインド：

public partial class Window1 : Window, INotifyPropertyChanged
{
    public Window1()
    {
        InitializeComponent();
        this.DataContext = this;
    }

    private double scaleFactor = 1.0;
    public double ScaleFactor
    {
        get { return scaleFactor; }
        set
        {
            scaleFactor = value;
            OnPropertyChanged("ScaleFactor");
        }
    }

    private void ScrollViewer_ScrollChanged(object sender, ScrollChangedEventArgs e)
    {
        if (e.ExtentHeightChange == 0)
            return;

        if (e.Source.GetType() == typeof(RichTextBox))
            return;

        var missingHeight = e.ExtentHeightChange;
        var heightWithoutScaling = e.ExtentHeight / ScaleFactor;

        if (e.ViewportHeight <= heightWithoutScaling)
        {
            ScaleFactor = ((e.ViewportHeight / heightWithoutScaling));
        }

    }

    #region INotifyPropertyChanged Members

    /// <summary>
    /// Raised when a property on this object has a new value
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    /// <summary>
    /// Raises this object's PropertyChanged event.
    /// </summary>
    /// <param name="propertyName">The property that has a new value.</param>
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = this.PropertyChanged;
        if (handler != null)
        {
            var e = new PropertyChangedEventArgs(propertyName);
            handler(this, e);
        }
    }

    #endregion
4

0 に答える 0