Как заставить дочерние элементы StackPanel заполнять максимальное пространство вниз?

Похоже, вам нужен StackPanel, где последний элемент использует все оставшееся пространство. Но почему бы не использовать DockPanel? Украсьте другие элементы в DockPanel DockPanel.Dock="Top", и тогда ваш вспомогательный элемент управления сможет заполнить оставшееся пространство.

XAML:

<DockPanel Width="200" Height="200" Background="PowderBlue">
    <TextBlock DockPanel.Dock="Top">Something</TextBlock>
    <TextBlock DockPanel.Dock="Top">Something else</TextBlock>
    <DockPanel
        HorizontalAlignment="Stretch" 
        VerticalAlignment="Stretch" 
        Height="Auto" 
        Margin="10">

      <GroupBox 
        DockPanel.Dock="Right" 
        Header="Help" 
        Width="100" 
        Background="Beige" 
        VerticalAlignment="Stretch" 
        VerticalContentAlignment="Stretch" 
        Height="Auto">
        <TextBlock Text="This is the help that is available on the news screen." 
                   TextWrapping="Wrap" />
     </GroupBox>

      <StackPanel DockPanel.Dock="Left" Margin="10" 
           Width="Auto" HorizontalAlignment="Stretch">
          <TextBlock Text="Here is the news that should wrap around." 
                     TextWrapping="Wrap"/>
      </StackPanel>
    </DockPanel>
</DockPanel>

Если вы работаете на платформе, где DockPanel недоступно (например, WindowsStore), вы можете создать тот же эффект с помощью сетки. Вот приведенный выше пример, выполненный с использованием вместо этого сеток:

<Grid Width="200" Height="200" Background="PowderBlue">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <StackPanel Grid.Row="0">
        <TextBlock>Something</TextBlock>
        <TextBlock>Something else</TextBlock>
    </StackPanel>
    <Grid Height="Auto" Grid.Row="1" Margin="10">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="100"/>
        </Grid.ColumnDefinitions>
        <GroupBox
            Width="100"
            Height="Auto"
            Grid.Column="1"
            Background="Beige"
            Header="Help">
            <TextBlock Text="This is the help that is available on the news screen." 
              TextWrapping="Wrap"/>
        </GroupBox>
        <StackPanel Width="Auto" Margin="10" DockPanel.Dock="Left">
            <TextBlock Text="Here is the news that should wrap around." 
              TextWrapping="Wrap"/>
        </StackPanel>
    </Grid>
</Grid>

Причина, по которой это происходит, заключается в том, что панель стека измеряет каждый дочерний элемент с положительной бесконечностью в качестве ограничения для оси, по которой она складывает элементы. Дочерние элементы управления должны возвращать желаемый размер (положительная бесконечность не является допустимым результатом MeasureOverride по любой оси), поэтому они возвращают наименьший размер, в котором все поместится. У них нет возможности узнать, сколько места им действительно нужно заполнить.

Если в вашем представлении не требуется функция прокрутки, а приведенный выше ответ вам не подходит, я бы предложил реализовать собственную панель. Вероятно, вы можете получить прямо из StackPanel, а затем все, что вам нужно сделать, это изменить ArrangeOverride, чтобы он разделил оставшееся пространство между дочерними элементами (давая каждому из них одинаковое количество дополнительного места). Элементы должны отображаться нормально, если им предоставляется больше места, чем они хотели, но если вы дадите им меньше, вы начнете видеть сбои.

Если вы хотите иметь возможность прокручивать все это, я боюсь, что все будет немного сложнее, потому что ScrollViewer дает вам бесконечное пространство для работы, с которым вы окажетесь в том же положении, что и дочерние элементы. изначально. В этой ситуации вы можете захотеть создать новое свойство на вашей новой панели, которое позволит вам указать размер области просмотра, вы должны иметь возможность привязать его к размеру ScrollViewer. В идеале вы должны реализовать IScrollInfo, но это начинает усложняться, если вы собираетесь все это реализовать должным образом.

Альтернативный метод - использовать сетку с одним столбцом и n строками. Установите высоту всех строк на Auto, а высоту самой нижней строки на 1*.

Я предпочитаю этот метод, потому что я обнаружил, что у Grids более высокая производительность компоновки, чем у DockPanels, StackPanels и WrapPanels. Но если вы не используете их в ItemTemplate (где макет выполняется для большого количества элементов), вы, вероятно, никогда не заметите.

Вы можете использовать SpicyTaco.AutoGrid - модифицированную версию StackPanel:

<st:StackPanel Orientation="Horizontal" MarginBetweenChildren="10" Margin="10">
   <Button Content="Info" HorizontalAlignment="Left" st:StackPanel.Fill="Fill"/>
   <Button Content="Cancel"/>
   <Button Content="Save"/>
</st:StackPanel>

Первая кнопка будет заполнена.

Вы можете установить его через NuGet:

Install-Package SpicyTaco.AutoGrid

Я рекомендую взглянуть на SpicyTaco.AutoGrid. Это очень полезно для форм в WPF вместо DockPanel, StackPanel и Grid и решает проблему с растяжкой очень легко и изящно. Просто посмотрите readme на GitHub.

<st:AutoGrid Columns="160,*" ChildMargin="3">
    <Label Content="Name:"/>
    <TextBox/>

    <Label Content="E-Mail:"/>
    <TextBox/>

    <Label Content="Comment:"/>
    <TextBox/>
</st:AutoGrid>