1

Есть 8 однотипных коллекций. Не придумал ничего умнее как поместить их в 8 ListBox. Айтемы естественно отображаю кастомно, т.е. нарисовал темплейт для них. Как сделать, чтобы при прокрутке скролбара на одном листбоксе, происходила прокрутка и на остальных? Или как адекватно забиндить все в 1 листбокс?

3
  • В одну коллекцию нельзя собрать? 8 сущностей в один класс и его в одну коллекцию 8 июн 2017 в 16:29
  • Можно сделать поле в сущности что-то типа "номер ряда". Но как тогда адекватно отобразить это все в листбоксе? Это должно быть похоже на 8 стопок (стэков). Т.е. могут быть пустые столбы, все столбы могут иметь разное кол-во элементов. В общем как то так: picshare.ru/view/8125315
    – Chelios
    8 июн 2017 в 16:57
  • В таком случае возьмите ItemsControl с горизонтальной ориентацией, в него поместите ItemsControl'ы с вертикальной ориентацией, в которых уже будут отображаться коллекции 8 июн 2017 в 17:41

1 ответ 1

3

Набросал вам пример.

Простой класс-стопка, который содержит заголовок и коллекцию сущностей:

class Pile
{
    public string Header { get; set; }
    public List<string> Items { get; set; }
}

Привязываем коллекцию наших стопок (если у вас MVVM - вы легко сделаете это через Binding):

itemsControl.ItemsSource = new List<Pile>
{
    new Pile
    {
        Header = "Header 1",
        Items = new List<string>
        {
            "Item 1",
            "Item 2",
            "Item 3",
            "Item 4"
        }
    },
    new Pile
    {
        Header = "Header 2",
        Items = new List<string>
        {
            "Item 5",
            "Item 6"
        }
    },
    new Pile
    {
        Header = "Header 3",
        Items = new List<string>()
    },
    new Pile
    {
        Header = "Header 4",
        Items = new List<string>
        {
            "Item 7",
            "Item 8",
            "Item 9",
            "Item 10",
            "Item 11",
            "Item 12",
            "Item 13",
            "Item 14",
            "Item 15"
        }
    }
};

Разметка содержимого окна:

<Window.Resources>
    <Style TargetType="TextBlock" x:Key="HeaderTextBlock">
        <Setter Property="TextAlignment" Value="Center"/>
        <Setter Property="Padding" Value="5"/>
        <Setter Property="Margin" Value="2.5"/>
        <Setter Property="Background" Value="Blue"/>
        <Setter Property="Foreground" Value="White"/>
    </Style>

    <Style TargetType="TextBlock" x:Key="ItemTextBlock">
        <Setter Property="TextAlignment" Value="Center"/>
        <Setter Property="Padding" Value="5"/>
        <Setter Property="Margin" Value="2.5"/>
        <Setter Property="Background" Value="Green"/>
        <Setter Property="Foreground" Value="White"/>
    </Style>
</Window.Resources>

<ScrollViewer VerticalScrollBarVisibility="Auto">
    <ItemsControl Name="itemsControl">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid Rows="1" Margin="2.5"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <StackPanel>
                    <TextBlock Text="{Binding Header}"
                               Style="{StaticResource HeaderTextBlock}"/>
                    <ItemsControl ItemsSource="{Binding Items}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding}"
                                           Style="{StaticResource ItemTextBlock}"/>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </StackPanel>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</ScrollViewer>

Я применил стилизованные TextBlock'и, если вы собираетесь как-то обрабатывать клики по ним или что-то еще, возможно удобнее будет использовать кнопки.

Получилось вот что:

Piles2

Ваш ответ

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

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