c# - UWP の固定高さと可変幅の GridView

Question

寸法が異なる写真のリストを表示するために Windows 10 のストック フォト アプリで使用される正確なソリューションを探しています。基本的に行の高さは固定されていますが、各要素の幅は可変であり、相対的な寸法によって決定されます。以前に使用した解決策は、WrapPanel を ItemsPanelTemplate として使用することでした。しかし、それを使用すると、非常に長いリストの UI 仮想化が失われます。マイクロソフトが写真アプリに使用しているソリューションは確かにありますが、どこにも見つかりません。

Answer 1

UWP アプリケーションでXAML ToolkitのWrapPanel を使用できます。

または、次の方法で試してみることもできます。

<GridView ItemsSource="{Binding}"> 
<GridView.ItemTemplate> 
<DataTemplate> 
<Grid Width="100">
<Image Width="100" Height="50" Source="{Binding somesource}" /> 
</Grid> 
</DataTemplate> 
</GridView.ItemTemplate> 
<GridView.ItemsPanel> 
<ItemsPanelTemplate> 
<ItemsWrapGrid MaximumRowsOrColumns="8" Orientation="Horizontal" />
</ItemsPanelTemplate> 
</GridView.ItemsPanel> 
</GridView>

または、VariableSizedWrapGridを使用することもできます(高さの異なる画像を作成できます)。