Поле со списком с кнопкой, как Visual Studio «Кнопка Пуск»

Question

В моем проекте нам нужно поле со списком, например Visual Studio «Кнопка пуска». Кнопка будет иметь стрелку вниз. по щелчку этого будут показаны другие варианты. Каждый из выпадающих пунктов является кнопкой. Пожалуйста, посмотрите на скриншот.

Я искал подходящий элемент управления, но не смог найти именно то, что мне нужно. Любое предложение? Любой урок будет замечательным. Спасибо.

Answer 1

Я бы предложил вам использовать RibbonSplitButton из Ribbon Control . RibbonSplitButton уже содержит стрелку вниз.

Вот рабочий пример.

        <RibbonTab Header="Wildchild_SO">
            <RibbonGroup Header="StackOverFlow">
                <RibbonSplitButton x:Name="btnStartMain" Label="Start" SmallImageSource="Images/add64px.png">
                    <RibbonMenuItem x:Name="btnStart" Click="btnStart_Click" Header="Start Test" ImageSource="Images/add64px.png"/>
                    <RibbonMenuItem x:Name="btnStop" Click="btnStop_Click" Header="Stop Test" ImageSource="Images/cross64px.png" />
                </RibbonSplitButton>
            </RibbonGroup>
        </RibbonTab>

Answer 2

Проверьте это ... введите описание изображения здесь

<Button Background="GhostWhite">
  <Grid>
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="auto"/>
      <ColumnDefinition Width="*"/>
      <ColumnDefinition Width="auto"/>
  </Grid.ColumnDefinitions>
 <Viewbox Width="20" Height="20">
  <Canvas Width="24" Height="24">
    <Path Data="M8,5.14V19.14L19,12.14L8,5.14Z" Fill="Green" />
  </Canvas>
 </Viewbox>
 <Label Grid.Column="1" Content="MyButton"/>
 <Viewbox Grid.Column="2" Width="20" Height="20">
   <Canvas Width="24" Height="24">
     <Path Data="M7,10L12,15L17,10H7Z" Fill="Black" />
   </Canvas>
 </Viewbox>