По логике выглядит как 2 кнопки, одна маленькая другая большая. Первая работает как кнопка а другая как выпадающий список.
При нажатии на кнопку
При нажатии другую
Как сделать такую кнопку?
По логике выглядит как 2 кнопки, одна маленькая другая большая. Первая работает как кнопка а другая как выпадающий список.
При нажатии на кнопку
При нажатии другую
Как сделать такую кнопку?
Ну например так. Положите кнопку на комбобокс. Утащите комбобокс под кнопку при помощи ZIndex
. Застилизуйте ComboBoxItem
, чтобы он показывал сепараторы в нужных местах. Выйдет что-то такое:
<Grid Height="20">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="150"/>
<ColumnDefinition Width="20"/>
</Grid.ColumnDefinitions>
<Button Grid.Column="0" Content="{Binding Text,ElementName=cb}"/>
<ComboBox IsReadOnly="True" ItemsSource="{Binding}" DisplayMemberPath="DisplayName"
Grid.ColumnSpan="2" Name="cb" Panel.ZIndex="-1">
<ComboBox.Resources>
<Style TargetType="{x:Type ComboBoxItem}">
<Style.Triggers>
<!-- если на входе null, то... -->
<DataTrigger Binding="{Binding}" Value="{x:Null}">
<!-- не разрешаем выбирать этот элемент, и... -->
<Setter Property="IsEnabled" Value="False"/>
<!-- показываем вместо него разделитель -->
<Setter Property="Template">
<Setter.Value>
<ControlTemplate>
<Separator/>
</ControlTemplate>
</Setter.Value>
</Setter>
</DataTrigger>
</Style.Triggers>
</Style>
</ComboBox.Resources>
</ComboBox>
</Grid>
В DataContext
в свойстве Items
будет коллекция таких элементов:
class SelectItem
{
public string DisplayName { get; }
// тут другие члены
}
примерно такого вида:
new List<SelectItem>()
{
new SelectItem { DisplayName = "Case insensitive" },
null,
new SelectItem { DisplayName = "Integer" },
new SelectItem { DisplayName = "Positive integers" },
new SelectItem { DisplayName = "Negative integers" },
new SelectItem { DisplayName = "Year (1900-2099)" },
null,
new SelectItem { DisplayName = "AVI (*.avi)" },
new SelectItem { DisplayName = "JPEG (*.jpg; *.jpeg)" },
new SelectItem { DisplayName = "MKV (*.mkv)" },
new SelectItem { DisplayName = "AVI (*.avi)" },
null,
new SelectItem { DisplayName = "Do not contain SUBSTRING" },
new SelectItem { DisplayName = "Whitespace" }
}
Получается что-то такое: