Adpative Listview для настройки в соответствии с размером экрана для приложения UWP xaml

Question

Listview содержимое нескольких элементов, таких как текстовый блок как мы можем сделать это представление списка адаптивным в соответствии с разрешением экрана, где сетка содержит несколько полей списка. Необходимо настроить ниже аналогичный элемент списка страниц 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>