0

Всем привет. Решил заморочиться на счет отображения списка объектов в виде карточек, но что то не получается ничего нагуглить. Скрин окна

Так выглядит окно приложения, идет отображение объектов в ListView

    <Grid Grid.Row="0" Margin="5">
        <ListView ItemsSource="{Binding Path=Animals}" 
                  SelectedItem="{Binding SelectedAnimal}" 
                  MinWidth="200" MinHeight="200">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <controls:AnimalCard MinWidth="200" MinHeight="200"/>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
    </Grid>

Мне хочется что бы объекты располагались в одной строке по очереди и если кончалось место, то переносились на новую строку. Не знаю какой контрол может мне с этим помочь.

2 ответа 2

1

Получилось разобраться.

    <ListView 
        ItemsSource="{Binding Animals}" 
        SelectedItem="{Binding SelectedAnimal}"
        SelectionMode="Single"
        HorizontalContentAlignment="Stretch" 
        ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <ListView.ItemTemplate>
            <DataTemplate>
                <controls:AnimalCard Width="230" Height="230"/>
            </DataTemplate>
        </ListView.ItemTemplate>
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <WrapPanel></WrapPanel>
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
    </ListView>

Таким образом теперь выглядит код с отображением коллекции.

Окно

Так выглядит окно приложения.

-1

Попробуй WrapPanel

<ItemsControl ItemsSource="{Binding AnimalsList}">
<ItemsControl.ItemTemplate>
    <DataTemplate>
        <Image Source="{Binding Animal}" Height="100"/>
    </DataTemplate>
</ItemsControl.ItemTemplate>
<ItemsControl.ItemsPanel>
    <ItemsPanelTemplate>
        <WrapPanel/>
    </ItemsPanelTemplate>
</ItemsControl.ItemsPanel>

Подробнее о WrapPanel

1
  • 1
    добро пожаловать на Stack Overflow на русском! пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править 25 апр 2022 в 10:56

Ваш ответ

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

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