1

Есть 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, за что ему большое спасибо, получилось следующее:

Полученный снимок

А можно ли и по высоте растянуть?

1 ответ 1

1

Для 1/10 добавьте перед ListView сетку, с шириной первой колонки 1/10, в первую колонку еще один грид, дайте ему имя. И привяжитесь к его ширине для StackPanel.

<Grid Grid.Row="1">
   <Grid.ColumnDefinitions>
       <ColumnDefinition Width="1*"/>
       <ColumnDefinition Width="9*"/>
   </Grid.ColumnDefinitions>
   <Grid x:Name="PartGrid"/>
<Grid>
<ListView Grid.Row="1" Margin="10 0" ItemsSource="{Binding Images}">
    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <WrapPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>
    <ListView.ItemTemplate>
        <DataTemplate>
            <StackPanel Width="{Binding ActualWidth, ElementName=PartGrid}">
                <Image Source="C:\Users\polagaev\Desktop\Безымянный.png"/>
                <TextBlock Text="Файл"/>
            </StackPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>
4
  • Появляется scroll и изображения всё равно большие, в общем тоже самое что и на 1 скриншоте.
    – Denis
    19 мар 2021 в 2:03
  • @Denis обновил ответ, этот фокус всегда работает
    – aepot
    19 мар 2021 в 2:37
  • А можно ли и по высоте растягивать тоже?
    – Denis
    19 мар 2021 в 3:20
  • @Denis картинка по умолчанию вроде в оригинальных пропорциях должна рисоваться
    – aepot
    19 мар 2021 в 6:37

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.