WPF bouton avec la liste déroulante et flèche

Quelqu'un peut-il suggérer la meilleure façon d'avoir un bouton avec une flèche de liste déroulante comme dans la barre d'outils visual studio bouton nouvel élément. Comme vous pouvez le trouver en VS au survol de la souris est mise en évidence à la fois par défaut du bouton et le bouton de la flèche et après la sélection d'un élément de la liste, le bouton par défaut est en train de changer en fonction de votre sélection.

WPF bouton avec la liste déroulante et flèche
WPF bouton avec la liste déroulante et flèche

Voici un morceau de code qui affiche le menu déroulant, mais pas pour toutes les fonctionnalités décrites ci-dessus:

<StackPanel Orientation="Horizontal">
    <Border CornerRadius="0" BorderBrush="Black" BorderThickness="1">
        <Button Name="CreateButton" Click="CreateButton_Click"  Background="Transparent" BorderBrush="{x:Null}">
            <Image Source="/OMS.Resources;component/Resources/Images/LibraryImages/add1.png" />
            <Button.ContextMenu>
                <ContextMenu HorizontalAlignment="Right">
                    <MenuItem Header=" doc" Click="CreateDocButton_Click">
                        <MenuItem.Icon>
                            <Image Source="/OMS.Resources;component/Resources/Images/LibraryImages/add_sheet.png" Width="24" Height="24" />
                        </MenuItem.Icon>
                    </MenuItem>
                    <MenuItem Header=" xls" Click="CreateXlsButton_Click">
                        <MenuItem.Icon>
                            <Image Source="/OMS.Resources;component/Resources/Images/LibraryImages/add_sheet.png" Width="24" Height="24" />
                        </MenuItem.Icon>
                    </MenuItem>
                    <MenuItem Header=" txt" Click="CreateTxtButton_Click">
                        <MenuItem.Icon>
                            <Image Source="/OMS.Resources;component/Resources/Images/LibraryImages/add_sheet.png" Width="24" Height="24" />
                        </MenuItem.Icon>
                    </MenuItem>
                </ContextMenu>
            </Button.ContextMenu>
        </Button>
    </Border>
    <Border CornerRadius="0" BorderBrush="Black" BorderThickness="1">
        <Button HorizontalAlignment="Left" VerticalAlignment="Stretch"  Background="Transparent" BorderBrush="{x:Null}"
        ContextMenuService.IsEnabled="False" Click="AddButtonContextMenu_Click">
            <Image Source="/OMS.Resources;component/Resources/Images/LibraryImages/arrow_down.png" VerticalAlignment="Center" Width="9" />
        </Button>
    </Border>
</StackPanel>
J'ai quelque chose de similaire, le programme d'installation avec un Expandeur. Il vous donne beaucoup de le regarder et se sentir hors de la boîte.

OriginalL'auteur artos | 2013-07-19

  1. 6

    Je suggère d'utiliser WPF Toolkit et ses SplitButton de contrôle, son gratuit

    OriginalL'auteur Demarsch

  2. 6

    La solution est d'utiliser un élément de menu et de le décorer.

    Code XAML:

    <MenuItem Click="AddPresetButton_Click" x:Name="AddPresetButton">
    <MenuItem.Icon>
        <Image Source="/MyApp.Application;component/Resources/add.png" Height="20"/>
    </MenuItem.Icon>
    <MenuItem.Header>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="Add Preset"/>
            <Image Source="/MyApp.Application;component/Resources/arrow_down_simple.png"
                   Height="10" Margin="2,0,0,0"/>
        </StackPanel>
    </MenuItem.Header>
    <MenuItem.ContextMenu>
        <ContextMenu>
            <MenuItem Header="Add 1"/>
            <MenuItem Header="Add 2"/>
            <MenuItem Header="Add 3"/>
        </ContextMenu>
    </MenuItem.ContextMenu>
</MenuItem>

    De Code C#:
    Lorsque le menu est enfoncée, le menu contextuel s'ouvre. 

    private void AddPresetButton_Click(object sender, RoutedEventArgs e)
{
    var addButton = sender as FrameworkElement;
    if (addButton != null)
    {
        addButton.ContextMenu.IsOpen = true;
    }
}

    OriginalL'auteur Joe Sonderegger

  3. 4

    Il semble que vous avez trois problèmes à résoudre:

    1. Style /Mise En Page
    2. Mettre en évidence déroulant et bouton OnMouseOver
    3. Changement de bouton par défaut selon au menu de la dernière sélection

    Style /Mise En Page

    Voici quelques exemples:

    Je suis sûr qu'il ya beaucoup d'autres façons (p. ex. en utilisant un simple bouton et la zone de liste déroulante style de façon appropriée)

    Soulignant déroulante et un bouton OnMouseOver

    Expérience avec les déclencheurs; e.g:

    Changement de bouton par défaut selon au menu de la dernière sélection

    Essayer le MVVM approche:
    L'élément bouton sera lié à une propriété sur votre ViewModel. Chaque élément de menu appeler une action (ICommand) dans votre ViewModel. Ce Dernier permettra de savoir quel élément de menu a été appelé, et la mise à jour du bouton de la propriété dans le ViewModel. Le bouton sera automatiquement mise à jour à l'aide de la liaison de données.

    OriginalL'auteur JoelBellot

  4. -1

    Découvrez le contrôle zone de liste déroulante qui est livré en standard avec une application WPF.

    OriginalL'auteur HandleThatError