375

私はTextBlockWPFを持っています。縦の高さをはるかに超えて、たくさんの行を書きます。そのときに垂直スクロール バーが自動的に表示されると思っていましたが、表示されませんでした。プロパティ ペインでスクロール バーのプロパティを探しましたが、見つかりませんでした。

TextBlockコンテンツが高さを超えたときに垂直スクロールバーを自動的に作成するにはどうすればよいですか?

明確化: XAML に直接書き込むのではなく、デザイナーから行うことをお勧めします。

4

10 に答える 10

111

現在、以下を使用できます。

<TextBox Name="myTextBox" 
         ScrollViewer.HorizontalScrollBarVisibility="Auto"
         ScrollViewer.VerticalScrollBarVisibility="Auto"
         ScrollViewer.CanContentScroll="True">SOME TEXT
</TextBox>
于 2009-12-30T21:02:58.270 に答える
24

より良いものは次のとおりです。

<Grid Width="Your-specified-value" >
    <ScrollViewer>
         <TextBlock Width="Auto" TextWrapping="Wrap" />
    </ScrollViewer>
</Grid>

これにより、グリッドを使用しない場合のように、テキストブロック内のテキストがオーバーフローしてテキストブロックの下の要素と重ならないことが保証されます。テキストブロックがすでに他の要素を含むグリッドにあるにもかかわらず、他のソリューションを試したときにそれが起こりました。テキストブロックの幅は Auto にする必要があり、Grid 要素で目的の幅を指定する必要があることに注意してください。私は自分のコードでこれを行いましたが、美しく機能します。HTH。

于 2012-06-13T16:06:39.410 に答える
10 
<ScrollViewer MaxHeight="50"  
              Width="Auto" 
              HorizontalScrollBarVisibility="Disabled"
              VerticalScrollBarVisibility="Auto">
     <TextBlock Text="{Binding Path=}" 
                Style="{StaticResource TextStyle_Data}" 
                TextWrapping="Wrap" />
</ScrollViewer>

MaxHeightをScrollViewerに入れることで、これを別の方法で行っています。

MaxHeight を調整して、表示するテキストの行を増やしたり減らしたりするだけです。簡単。

于 2016-11-16T07:47:28.033 に答える
9 
<ScrollViewer Height="239" VerticalScrollBarVisibility="Auto">
    <TextBox AcceptsReturn="True" TextWrapping="Wrap" LineHeight="10" />
</ScrollViewer>

これは、XAML でスクロールする TextBox を使用し、テキスト領域として使用する方法です。

于 2013-03-29T08:28:59.100 に答える
4

この回答では、MVVM を使用したソリューションについて説明しています。

このソリューションは、新しいログ メッセージが追加されるたびに自動的に一番下までスクロールするログ ボックスをウィンドウに追加する場合に最適です。

これらの添付プロパティが追加されると、どこでも再利用できるため、非常にモジュール化された再利用可能なソフトウェアになります。

この XAML を追加します。

<TextBox IsReadOnly="True"   
         Foreground="Gainsboro"                           
         FontSize="13" 
         ScrollViewer.HorizontalScrollBarVisibility="Auto"
         ScrollViewer.VerticalScrollBarVisibility="Auto"
         ScrollViewer.CanContentScroll="True"
         attachedBehaviors:TextBoxApppendBehaviors.AppendText="{Binding LogBoxViewModel.AttachedPropertyAppend}"                                       
         attachedBehaviors:TextBoxClearBehavior.TextBoxClear="{Binding LogBoxViewModel.AttachedPropertyClear}"                                    
         TextWrapping="Wrap">

この添付プロパティを追加します。

public static class TextBoxApppendBehaviors
{
    #region AppendText Attached Property
    public static readonly DependencyProperty AppendTextProperty =
        DependencyProperty.RegisterAttached(
            "AppendText",
            typeof (string),
            typeof (TextBoxApppendBehaviors),
            new UIPropertyMetadata(null, OnAppendTextChanged));

    public static string GetAppendText(TextBox textBox)
    {
        return (string)textBox.GetValue(AppendTextProperty);
    }

    public static void SetAppendText(
        TextBox textBox,
        string value)
    {
        textBox.SetValue(AppendTextProperty, value);
    }

    private static void OnAppendTextChanged(
        DependencyObject d,
        DependencyPropertyChangedEventArgs args)
    {
        if (args.NewValue == null)
        {
            return;
        }

        string toAppend = args.NewValue.ToString();

        if (toAppend == "")
        {
            return;
        }

        TextBox textBox = d as TextBox;
        textBox?.AppendText(toAppend);
        textBox?.ScrollToEnd();
    }
    #endregion
}

そして、この添付プロパティ（ボックスをクリアするため）：

public static class TextBoxClearBehavior
{
    public static readonly DependencyProperty TextBoxClearProperty =
        DependencyProperty.RegisterAttached(
            "TextBoxClear",
            typeof(bool),
            typeof(TextBoxClearBehavior),
            new UIPropertyMetadata(false, OnTextBoxClearPropertyChanged));

    public static bool GetTextBoxClear(DependencyObject obj)
    {
        return (bool)obj.GetValue(TextBoxClearProperty);
    }

    public static void SetTextBoxClear(DependencyObject obj, bool value)
    {
        obj.SetValue(TextBoxClearProperty, value);
    }

    private static void OnTextBoxClearPropertyChanged(
        DependencyObject d,
        DependencyPropertyChangedEventArgs args)
    {
        if ((bool)args.NewValue == false)
        {
            return;
        }

        var textBox = (TextBox)d;
        textBox?.Clear();
    }
}

次に、MEF などの依存性注入フレームワークを使用している場合は、すべてのログ固有のコードを独自の ViewModel に配置できます。

public interface ILogBoxViewModel
{
    void CmdAppend(string toAppend);
    void CmdClear();

    bool AttachedPropertyClear { get; set; }

    string AttachedPropertyAppend { get; set; }
}

[Export(typeof(ILogBoxViewModel))]
public class LogBoxViewModel : ILogBoxViewModel, INotifyPropertyChanged
{
    private readonly ILog _log = LogManager.GetLogger<LogBoxViewModel>();

    private bool _attachedPropertyClear;
    private string _attachedPropertyAppend;

    public void CmdAppend(string toAppend)
    {
        string toLog = $"{DateTime.Now:HH:mm:ss} - {toAppend}\n";

        // Attached properties only fire on a change. This means it will still work if we publish the same message twice.
        AttachedPropertyAppend = "";
        AttachedPropertyAppend = toLog;

        _log.Info($"Appended to log box: {toAppend}.");
    }

    public void CmdClear()
    {
        AttachedPropertyClear = false;
        AttachedPropertyClear = true;

        _log.Info($"Cleared the GUI log box.");
    }

    public bool AttachedPropertyClear
    {
        get { return _attachedPropertyClear; }
        set { _attachedPropertyClear = value; OnPropertyChanged(); }
    }

    public string AttachedPropertyAppend
    {
        get { return _attachedPropertyAppend; }
        set { _attachedPropertyAppend = value; OnPropertyChanged(); }
    }

    #region INotifyPropertyChanged
    public event PropertyChangedEventHandler PropertyChanged;

    [NotifyPropertyChangedInvocator]
    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
    #endregion
}

仕組みは次のとおりです。

  • ViewModel は、添付プロパティを切り替えて TextBox を制御します。
  • 「Append」を使っているので、超高速です。
  • その他の ViewModel は、ログ ビューモデルでメソッドを呼び出すことにより、ログ メッセージを生成できます。
  • TextBox に組み込まれている ScrollViewer を使用すると、新しいメッセージが追加されるたびに自動的にテキスト ボックスの一番下までスクロールすることができます。
于 2016-05-25T09:51:32.593 に答える
2

使用できます

ScrollViewer.HorizontalScrollBarVisibility="Visible"
ScrollViewer.VerticalScrollBarVisibility="Visible"

これらは wpf の添付プロパティです。詳細については

http://wpfbugs.blogspot.in/2014/02/wpf-layout-controls-scrollviewer.html

于 2014-02-03T09:03:25.397 に答える