UWP应用窗口缩小时如何居中GridView控件

将GridView控件包裹在Grid容器中后，全屏状态下显示正常，但窗口缩小时GridView会左对齐，视觉效果不佳，且当前左右内边距设置是合适的，希望让整个GridView在Grid内居中显示。

问题原因 #

当前使用的ItemsWrapGrid默认采用左对齐的排列方式，当窗口宽度不足以容纳3列时，整个面板不会自动居中，导致左对齐的视觉问题。

解决方案 #

只需在ItemsWrapGrid中添加HorizontalAlignment="Center"属性，让内部的项容器面板居中排列；同时可根据需要调整GridView本身的对齐和内边距，确保左右间距符合要求。

修改后的完整代码如下：

<GridView.ItemContainerStyle>
    <Style TargetType="GridViewItem">
        <Setter Property="Margin" Value="10, 10, 10, 10"/>
    </Style>
</GridView.ItemContainerStyle>

<GridView.ItemsPanel>
    <ItemsPanelTemplate>
        <ItemsWrapGrid x:Name="MaxItemsWrapGrid"
                       MaximumRowsOrColumns="3"
                       Orientation="Horizontal"
                       HorizontalAlignment="Center"/>
    </ItemsPanelTemplate>
</GridView.ItemsPanel>

如果需要保留更精准的左右内边距，可给GridView添加Padding属性并设置居中对齐：

<GridView HorizontalAlignment="Center" Padding="20, 0"/>

效果说明 #

• 全屏状态：保持原有3列满宽排列的正常显示效果
• 窗口缩小后：GridView整体在Grid容器内居中显示，不会出现左对齐的情况，同时保留合适的左右内边距

内容的提问来源于stack exchange，提问作者CosmicPredator