Создание двойной кнопки

Question

По логике выглядит как 2 кнопки, одна маленькая другая большая. Первая работает как кнопка а другая как выпадающий список.

При нажатии на кнопку

При нажатии другую

Как сделать такую кнопку?

Answer 1

Ну например так. Положите кнопку на комбобокс. Утащите комбобокс под кнопку при помощи 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" }
}

Получается что-то такое:

БЛОГ НА HUSL

Создание двойной кнопки

Ответы (1 шт):