Вложенные области прокрутки

Хотя я бы не рекомендовал создавать пользовательский интерфейс, для которого требуются внешние полосы прокрутки, вы можете сделать это довольно легко:

<Window
  xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml"
  >    
    <ScrollViewer HorizontalScrollBarVisibility = "Auto" 
                  VerticalScrollBarVisibility = "Auto">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height = "Auto"/>
                <RowDefinition Height = "Auto"/>
                <RowDefinition Height = "Auto"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width = "*"/>
                <ColumnDefinition Width = "Auto"/>
            </Grid.ColumnDefinitions>
            <ListBox Grid.Row = "0" Grid.RowSpan = "3" Grid.Column = "0" MinWidth = "200"/>
            <Button Grid.Row = "0" Grid.Column = "1" Content = "Button1"/>
            <Button Grid.Row = "1" Grid.Column = "1" Content = "Button2"/>
            <Button Grid.Row = "2" Grid.Column = "1" Content = "Button3"/>
        </Grid>
    </ScrollViewer>
</Window>

Я не рекомендую это делать. WPF предоставляет исключительные системы макетов, такие как Grid, и вы должны попытаться разрешить приложению изменять размер по мере необходимости. Возможно, вы можете установить MinWidth / MinHeight в самом окне, чтобы предотвратить это изменение размера?

Проблема возникает, потому что Control в ScrollViewer имеют практически неограниченное пространство. Поэтому ваш внутренний ListBox считает, что может избежать прокрутки, занимая всю высоту, необходимую для отображения всех его элементов. Конечно, в вашем случае у такого поведения есть нежелательный побочный эффект - слишком много нагрузки на внешний ScrollViewer.

Поэтому цель состоит в том, чтобы заставить ListBox использовать высоту видимый внутри ScrollViewer, если ее достаточно, и определенную минимальную высоту в противном случае. Для достижения этого самый прямой способ - унаследовать от ScrollViewer и переопределить MeasureOverride(), чтобы передать availableSize подходящего размера (то есть заданный availableSize, увеличенный до минимального размера вместо «обычной» бесконечности) в Visual, найденные с помощью VisualChildrenCount и GetVisualChild(int).

Я создал класс для решения этой проблемы:

public class RestrictDesiredSize : Decorator
{
    Size lastArrangeSize = new Size(double.PositiveInfinity, double.PositiveInfinity);

    protected override Size MeasureOverride(Size constraint)
    {
        Debug.WriteLine("Measure: " + constraint);
        base.MeasureOverride(new Size(Math.Min(lastArrangeSize.Width, constraint.Width),
                                      Math.Min(lastArrangeSize.Height, constraint.Height)));
        return new Size(0, 0);
    }

    protected override Size ArrangeOverride(Size arrangeSize)
    {
        Debug.WriteLine("Arrange: " + arrangeSize);
        if (lastArrangeSize != arrangeSize) {
            lastArrangeSize = arrangeSize;
            base.MeasureOverride(arrangeSize);
        }
        return base.ArrangeOverride(arrangeSize);
    }
}

Он всегда будет возвращать желаемый размер (0,0), даже если содержащий элемент хочет быть больше. Использование:

<local:RestrictDesiredSize MinWidth = "200" MinHeight = "200">
     <ListBox />
</local>

Я использовал решение Даниэльs. Это прекрасно работает. Спасибо.

Затем я добавил к классу декоратора два логических свойства зависимости: KeepWidth и KeepHeight. Таким образом, новую функцию можно подавить для одного измерения.

Это требует изменения в MeasureOverride:

protected override Size MeasureOverride(Size constraint)
{
    var innerWidth = Math.Min(this._lastArrangeSize.Width, constraint.Width);
    var innerHeight = Math.Min(this._lastArrangeSize.Height, constraint.Height);
    base.MeasureOverride(new Size(innerWidth, innerHeight));

    var outerWidth = KeepWidth ? Child.DesiredSize.Width : 0;
    var outerHeight = KeepHeight ? Child.DesiredSize.Height : 0;
    return new Size(outerWidth, outerHeight);
}

Создайте метод в коде программной части, который устанавливает MaxHeight ListBox на высоту любого элемента управления, который его содержит, и других элементов управления. Если в Listbox есть элементы управления / поля / отступы над или под ним, вычтите их высоту из высоты контейнера, назначенной MaxHeight. Вызовите этот метод в обработчиках событий «загружено» и «изменение размера окна» главного окна.

Это должно дать вам лучшее из обоих миров. Вы задаете ListBox «фиксированный» размер, который заставит его прокручиваться, несмотря на то, что у главного окна есть собственная полоса прокрутки.

для 2 ScrollViewer

   public class ScrollExt: ScrollViewer
{
    Size lastArrangeSize = new Size(double.PositiveInfinity, double.PositiveInfinity);

    public ScrollExt()
    {

    }
    protected override Size MeasureOverride(Size constraint)
    {
        base.MeasureOverride(new Size(Math.Min(lastArrangeSize.Width, constraint.Width),
                                      Math.Min(lastArrangeSize.Height, constraint.Height)));
        return new Size(0, 0);
    }

    protected override Size ArrangeOverride(Size arrangeSize)
    {
        if (lastArrangeSize != arrangeSize)
        {
            lastArrangeSize = arrangeSize;
            base.MeasureOverride(arrangeSize);
        }
        return base.ArrangeOverride(arrangeSize);
    }
}

код:

  <ScrollViewer HorizontalScrollBarVisibility = "Auto" VerticalScrollBarVisibility = "Auto">
        <Grid >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width = "Auto" />
                <ColumnDefinition Width = "*" />
            </Grid.ColumnDefinitions>
            <TextBlock Background = "Beige" Width = "600" Text = "Example"/>
            <Grid Grid.Column = "1" x:Name = "grid">
                    <Grid Grid.Column = "1" Margin = "25" Background = "Green">
                    <local:ScrollExt HorizontalScrollBarVisibility = "Auto" VerticalScrollBarVisibility = "Auto">
                        <Grid Width = "10000" Margin = "25" Background = "Red" />
                    </local:ScrollExt>
                    </Grid>
                </Grid>
        </Grid>
    </ScrollViewer>

В итоге я объединил ответ Дэниелс и ответ Хайнера. Я решил опубликовать решение полностью, чтобы людям было легче его принять в случае необходимости. Вот мой класс декоратора:

public class RestrictDesiredSizeDecorator : Decorator
{
    public static readonly DependencyProperty KeepWidth;
    public static readonly DependencyProperty KeepHeight;

    #region Dependency property setters and getters
    public static void SetKeepWidth(UIElement element, bool value)
    {
        element.SetValue(KeepWidth, value);
    }

    public static bool GetKeepWidth(UIElement element)
    {
        return (bool)element.GetValue(KeepWidth);
    }

    public static void SetKeepHeight(UIElement element, bool value)
    {
        element.SetValue(KeepHeight, value);
    }

    public static bool GetKeepHeight(UIElement element)
    {
        return (bool)element.GetValue(KeepHeight);
    }
    #endregion

    private Size _lastArrangeSize = new Size(double.PositiveInfinity, double.PositiveInfinity);

    static RestrictDesiredSizeDecorator()
    {
        KeepWidth = DependencyProperty.RegisterAttached(
            nameof(KeepWidth),
            typeof(bool),
            typeof(RestrictDesiredSizeDecorator));

        KeepHeight = DependencyProperty.RegisterAttached(
            nameof(KeepHeight),
            typeof(bool),
            typeof(RestrictDesiredSizeDecorator));
    }

    protected override Size MeasureOverride(Size constraint)
    {
        Debug.WriteLine("Measure: " + constraint);

        var keepWidth = GetValue(KeepWidth) as bool? ?? false;
        var keepHeight = GetValue(KeepHeight) as bool? ?? false;

        var innerWidth = keepWidth ? constraint.Width : Math.Min(this._lastArrangeSize.Width, constraint.Width);
        var innerHeight = keepHeight ? constraint.Height : Math.Min(this._lastArrangeSize.Height, constraint.Height);
        base.MeasureOverride(new Size(innerWidth, innerHeight));

        var outerWidth = keepWidth ? Child.DesiredSize.Width : 0;
        var outerHeight = keepHeight ? Child.DesiredSize.Height : 0;

        return new Size(outerWidth, outerHeight);
    }

    protected override Size ArrangeOverride(Size arrangeSize)
    {
        Debug.WriteLine("Arrange: " + arrangeSize);

        if (_lastArrangeSize != arrangeSize)
        {
            _lastArrangeSize = arrangeSize;
            base.MeasureOverride(arrangeSize);
        }

        return base.ArrangeOverride(arrangeSize);
    }
}

и вот как я использую его в xaml:

<ScrollViewer>
    <StackPanel Orientation = "Vertical">
        <Whatever />

        <decorators:RestrictDesiredSizeDecorator MinWidth = "100" KeepHeight = "True">
            <TextBox
                Text = "{Binding Comment, UpdateSourceTrigger=PropertyChanged}"
                Height = "Auto"
                MaxHeight = "360"
                VerticalScrollBarVisibility = "Auto"
                HorizontalScrollBarVisibility = "Auto"
                AcceptsReturn = "True"
                AcceptsTab = "True"
                TextWrapping = "WrapWithOverflow"
                />
        </decorators:RestrictDesiredSizeDecorator>

        <Whatever />
    </StackPanel>
</ScrollViewer

Вышеупомянутое создает текстовое поле, которое будет увеличиваться по вертикали (пока не достигнет MaxHeight), но будет соответствовать ширине родителя без увеличения внешнего ScrollViewer. Изменение размера окна / ScrollViewer до ширины менее 100 заставит внешний ScrollViewer отображать горизонтальные полосы прокрутки. Также можно использовать другие элементы управления с внутренними ScrollViewers, включая сложные сетки.