HubSection中的ItemsControl不是100％高度

Question

任何人都可以解释这里发生了什么。这个WrapGrid中的两篇新闻文章并没有占据他们可用的全部空间，如下图所示

我的xaml看起来像这样

<HubSection Header="{Binding SportArticles[0].Title}" Background="{Binding SportArticles[0].Image}" MaxWidth="1000" VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch" HorizontalAlignment="Stretch">
                <DataTemplate>
                    <ItemsControl
                     x:Name="xItems" ItemTemplate="{StaticResource ScoreNewsArticleTemplate}" ItemsSource="{Binding SportArticles}" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <VariableSizedWrapGrid Orientation="Vertical" ItemWidth="350"/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                    </ItemsControl>
                </DataTemplate>
            </HubSection>

外部蓝色框是HubSection，内部蓝色框是ItemsControl。我无法理解为什么它没有占用可用空间

Answer 1

尝试将VerticalContentAlignment的{​​{1}}设置为ItemContainerStyle。

Stretch