Подскажите? с помощью каких инструментов WPF(XAML) можно реализовать вот такой выпадающий список, по нажатию на "+" выпадать должен список с детальной информацией сдвигая нижний элемент, а по нажатию на другой элемент старый сдвигать, а новый выдвигать. Пробовал с помощью ComboBox не то, подобного не нашел
1 ответ
Вот такой стиль 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>
ListViewItem
(стандартный можете посмотреть здесь) и добавить в шаблон кусочек разметки для деталей строки. Смотрите в шаблоне элементGridViewRowPresenter
- это сама строчка со столбцами, можно обернуть ее вGrid
и добавить снизу разметку для детализации, а саму детализацию показывать по триггеру на выделение строки или привязать к какому-то свойству в VM