Есть 40 изображений (размером 2800x2800) в папке, каждые 10 изображений нужно отобразить в своём блоке (1 полукомплект, 2...).
Раньше использовал просто GRID, разбивал его по колонкам() и каждую картинку закидывал в кнопку c разметкой , и каждой такой кнопке присваивал элемент коллекции Images[элемент].Image, выглядело ужасно.
Сейчас хочу всё переделать под ListView или аналоги.
<Grid Grid.Column="1">
<Grid.RowDefinitions>
<RowDefinition Height="auto"/>
<RowDefinition/>
<RowDefinition Height="auto"/>
<RowDefinition/>
<RowDefinition Height="auto"/>
<RowDefinition/>
<RowDefinition Height="auto"/>
<RowDefinition/>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" TextAlignment="Center" Text="Первый полукомлект КСВ"/>
<ListView Grid.Row="1" Margin="10 0" ItemsSource="{Binding Images}">
<ListView.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</ListView.ItemsPanel>
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel>
<Image Source="C:\Users\polagaev\Desktop\Безымянный.png"/>
<TextBlock Text="Файл"/>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
<TextBlock Grid.Row="2" TextAlignment="Center" Text="Второй полукомлект КСВ"/>
<TextBlock Grid.Row="4" TextAlignment="Center" Text="Первый полукомлект КСВ"/>
<TextBlock Grid.Row="6" TextAlignment="Center" Text="Второй полукомлект КСВ"/>
</Grid>
Выглядит это вот так:
При такой разметке изображение растягивается внутри блока до максимума.
Если укажу фиксированный размер, то все картинки влазят на форму, но они не растягиваются динамически.
<DataTemplate>
<StackPanel Width="80" Height="80">
<Image Source="C:\Users\polagaev\Desktop\Безымянный.png"/>
<TextBlock Text="Файл"/>
</StackPanel>
</DataTemplate>
Как отобразить 10 изображений, чтобы они могли растягиваться и отображались все (без скроллинга и тд)?
По ответу aepot, за что ему большое спасибо, получилось следующее:
А можно ли и по высоте растянуть?