0

введите сюда описание изображения введите сюда описание изображения

Подскажите? с помощью каких инструментов WPF(XAML) можно реализовать вот такой выпадающий список, по нажатию на "+" выпадать должен список с детальной информацией сдвигая нижний элемент, а по нажатию на другой элемент старый сдвигать, а новый выдвигать. Пробовал с помощью ComboBox не то, подобного не нашел

4
  • 1
    DataGrid с row details: professorweb.ru/my/WPF/UI_WPF/level22/22_10.php Но лично я бы сделал это с ListView лучше. Ну или купите у телерика этот контрол и не мучайтесь :) 25 мая 2018 в 18:14
  • Воо, читал Professora не нашел :) Спасибо большое 25 мая 2018 в 18:19
  • А можете мелкий пример как это реализовать с ListView, мне для самообразования, как с dataGrid разобрался а listview на ум не приходит 25 мая 2018 в 18:25
  • Мелкий не получится. Вам будет необходимо переопределить стиль ListViewItem (стандартный можете посмотреть здесь) и добавить в шаблон кусочек разметки для деталей строки. Смотрите в шаблоне элемент GridViewRowPresenter - это сама строчка со столбцами, можно обернуть ее в Grid и добавить снизу разметку для детализации, а саму детализацию показывать по триггеру на выделение строки или привязать к какому-то свойству в VM 26 мая 2018 в 6:52

1 ответ 1

0

Вот такой стиль ListBox-а у меня завалялся, очень похоже на то, что вам нужно. Конечно же всё то, что не касается сути вопроса я убрал, но схематически вы поймёте, а визуальную част поменяете как вам надо.

<Style x:Key="expandable_listbox" TargetType="{x:Type ListBox}">
    <Style.Setters>
        <Setter Property="Background"               Value="Wheat"/>
        <Setter Property="OverridesDefaultStyle"    Value="True"/>
        <Setter Property="SnapsToDevicePixels"      Value="True"/>
        <Setter Property="UseLayoutRounding"        Value="True"/>
        <Setter Property="ItemContainerStyle">
            <Setter.Value>
                <Style TargetType="{x:Type ListBoxItem}">
                    <Style.Setters>
                        <Setter Property="Background"               Value="Coral"/>
                        <Setter Property="Height"                   Value="32"/>
                        <Setter Property="Margin"                   Value="1"/>
                        <Setter Property="OverridesDefaultStyle"    Value="True"/>
                        <Setter Property="SnapsToDevicePixels"      Value="True"/>
                        <Setter Property="UseLayoutRounding"        Value="True"/>
                        <Setter Property="ContentTemplate">
                            <Setter.Value>
                                <DataTemplate>
                                    <Grid>
                                        <Grid.RowDefinitions>
                                            <RowDefinition Height="32"/>
                                            <RowDefinition/>
                                        </Grid.RowDefinitions>
                                        <Grid>
                                            <!-- ТУТ ОСНОВНОЙ КОНТЕНТ -->
                                        </Grid>
                                        <Grid Grid.Row="1">
                                            <!-- ТУТ ДОПОЛНИТЕЛЬНЫЙ КОНТЕНТ -->
                                        </Grid>
                                    </Grid>
                                </DataTemplate>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListBoxItem}">
                                    <Grid>
                                        <Border x:Name      ="Container"
                                                Background  ="{TemplateBinding Background}">
                                            <Grid>
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition/>
                                                    <ColumnDefinition Width="Auto"/>
                                                </Grid.ColumnDefinitions>
                                                <ContentPresenter HorizontalAlignment="Left"
                                                                  Margin="10 0 0 0"
                                                                  VerticalAlignment="Center"/>
                                                <ToggleButton x:Name="ItemExapnder"
                                                              Grid.Column="1"
                                                              Height="32"
                                                              Width="32"/>
                                            </Grid>
                                        </Border>
                                    </Grid>
                                    <ControlTemplate.Triggers>
                                        <Trigger SourceName="ItemExapnder" Property="IsChecked" Value="True">
                                            <Setter Property="Height" Value="132"/>
                                        </Trigger>
                                    </ControlTemplate.Triggers>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style.Setters>
                </Style>
            </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ListBox}">
                    <ScrollViewer Background    ="{TemplateBinding Background}"
                                  Focusable     ="False">
                        <StackPanel IsItemsHost="True"/>
                    </ScrollViewer>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style.Setters>
</Style>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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