c# - 为 UWP 更改 Window.Current.SizeChanged 上的 GridViewItem.Width

Question

我正在尝试在 UWP 上更改窗口大小 (Window.Current.SizeChanged) 时更改 GridViewItem 的宽度属性。

    <GridView x:Name="gv" Grid.Row="1" Background="Gray">
        <GridView.ItemContainerStyle>
            <Style TargetType="GridViewItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                <Setter Property="VerticalContentAlignment" Value="Stretch"/>
                <Setter Property="Height" Value="80"/>
                <Setter Property="Width" Value="80"/>
            </Style>
        </GridView.ItemContainerStyle>
        <GridView.ItemTemplate>
            <DataTemplate>
                <Rectangle x:Name="rect" Fill="Red"/>
            </DataTemplate>
        </GridView.ItemTemplate>
    </GridView>

我计划在 Windows 10 上调整窗口大小时更改 GridViewItem 的宽度，以便末尾没有空格。

附言图片供引用。

请帮忙。

Answer 1

我不认为更改每个 GridViewItem 的宽度是合适的方法。

您可以注册 GridView 的 SizeChanged 事件。在事件处理程序中，您可以在 GridView 中获取 ItemsWrapGrid，然后根据 GridView 的大小更改 ItemsWrapGrid 的 ItemWidth。

private void appView_SizeChanged(object sender, SizeChangedEventArgs e)
{
    ItemsWrapGrid appItemsPanel = (ItemsWrapGrid)appView.ItemsPanelRoot;

    double optimizedWidth = 140.0;
    double margin = 12.0;
    var number = (int)e.NewSize.Width / (int)optimizedWidth;
    appItemsPanel.ItemWidth = (e.NewSize.Width - margin) / (double)number;
}