xaml - 自适应列表视图根据 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>