自适应Listview可根据UWP XAML应用程序的屏幕尺寸进行调整

Question

Listview内容多个项目，例如textblock 我们如何使它根据屏幕分辨率适应列表视图，其中网格包含多个列表视图框。 根据场景变化，需要在类似的xaml页面列表项和文本下方进行调整

Answer 1

根据您的要求，您可以使用WrapPanel Xaml Control进行处理。您只需将默认的ListView ItemsPanelTemplate替换为WrapPanel。有关更多详细信息，您可以参考以下代码。

<ListView Name="WrapPanelContainer"
          IsItemClickEnabled="True"
          ItemTemplate="{StaticResource PhotoTemplate}">
  <ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
      <controls:WrapPanel Background="{ThemeResource Brush-Grey-04}"
                          Padding="0,0,0,0"
                          VerticalSpacing="5"
                          HorizontalSpacing="5" />
    </ItemsPanelTemplate>
  </ItemsControl.ItemsPanel>
</ListView>