WPF SplitButton?

Question

Ich habe gerade einen sehr frustrierenden Nachmittags-Google-Trawling auf der Suche nach einem kommerziellen WPF SplitButton Steuerelement, das in einem ToolBar arbeiten wird verbracht. A SplitButton ist eine, wo Sie auf den Hauptteil der Button klicken können, um eine Standardaktion auszuführen, oder klicken Sie auf ein kleines Dreieck auf der rechten Seite, um ein Dropdown-Menü mit alternativen Aktionen zu erhalten).

Ich habe mehrere im Web gefunden (einschließlich der auf CodeProject und die beiden auf CodePlex). Keine von ihnen funktioniert ordnungsgemäß in einem ToolBar - sie entweder überhaupt nicht angezeigt werden, oder sie haben keine Symbolleiste Button-Styling. Ich schaute mir sogar einige kommerzielle Angebote an, wie ActiPro's Popup-Button (in ihrer SharedLibrary DLL). Gleiche Probleme.

Und ja, ich habe alle Beiträge darüber gesehen, wie einfach es ist, einen zu erstellen. Es ist sehr einfach, einen schlechten Code zu erstellen, aber nicht so einfach, einen zu erstellen, der aussieht und funktioniert wie der SplitButton in Outlook oder Visual Studio, wo das Dropdown-Menü nicht verschwindet, wenn Sie die Maustaste loslassen.

Also, hier ist meine Frage: Gibt es kommerzielle SplitButton s, entweder Open-Source-oder kommerzielle, die in Symbolleisten arbeiten? Ich bin nicht auf der Suche nach einem Steuerelement, das Teil eines Jahresabonnements von $ 1.500 für jemandes Steuerelemente-Bibliothek ist, aber wenn es einen günstigen Preis SplitButton gibt, würde ich sicher gerne finden.

Answer 1

Der einzige echte "kommerzielle" Split-Button, den ich kenne, ist der von Syncfusion, der als Teil seiner Ribbon-Steuerung enthalten ist (obwohl er auch außerhalb des Ribbons funktioniert).

Das gesagt, ich erinnere mich an this implementation als recht brauchbar und vollständig, wenn Sie etwas freies suchen.

Answer 2

Ich weiß nicht, was genau Sie in einem Split-Button suchen, aber dieses Video, wie man einen erstellt, ist ziemlich komplett und macht einen Splitbutton, der fast perfekt ist.

http://windowsclient.net/learn/video.aspx?v=3929

Ich weiß, dass Sie nicht ein Tutorial wollten, aber ich habe das vorher benutzt und man kann den Unterschied zwischen ihm und die, in Outlook nicht sagen.

Answer 3

Ich denke, was Sie meinen, ist ein DropDownButton. Es gibt eine boolesche Eigenschaft auf MenuItem "StaysOpenOnClick", die Ihr Problem lösen könnte.

Answer 4

Eine weitere gute freie Implementierung, die scheint, alles zu haben:

http://huydinhpham.blogspot.com/2008/09/wpf-drop-down-and-split-button.html

• Die Split-Schaltfläche in der Symbolleiste verwendet wird und hat einen richtigen Symbolleiste Stil. Es kann auch neu gestaltet werden, wenn Sie möchten.
• Dropdown-Menü wird über eine eigene Eigenschaft verfügbar gemacht - dh SplitButton kann ein eigenes Kontextmenü haben, das vom Dropdown-Menü getrennt ist (obwohl es unlogisch erscheint, kann es in manchen Fällen nützlich sein - wie Symbolleisten-Kontextmenü, wenn Sie mit der rechten Maustaste klicken) auf einer Schaltfläche in der Symbolleiste platziert).
• Das Dropdown-Menü ist Standard-ContextMenu - d. H. Inhalt kann datengebunden sein, Menüpunkte neu formatiert usw.
• Sowohl die Haupt- als auch die Dropdown-Teile der geteilten Schaltfläche haben Befehlseigenschaften zugeordnet.

Answer 5

Es ist eine ziemlich gute Split-Schaltfläche Implementierung für WPF und Silverlight über Delay-Blog:

Banana SplitButton (A WPF-specific fix for SplitButton and some code analysis improvements for the Silverlight version, too)

Answer 6

Die Extended WPF Toolkit Community Edition (das ist kostenlos) hat eine schöne SplitButton (und es hat eine DropDownButton auch

)

<xctk:SplitButton Content="Click Me"> 
    <xctk:SplitButton.DropDownContent> 
     <xctk:ColorCanvas /> 
    </xctk:SplitButton.DropDownContent> 
</xctk:SplitButton> 

Answer 7

Ich war auf der Suche nach dem gleichen und nur gerollt mein eigenes (Sie müssen nach Ihren Wünschen anpassen (um die ToolBar zu entsprechen) und Sie könnten es umgestalten/in ein benutzerdefiniertes Steuerelement konvertieren ... etc.)

<StackPanel x:Name="Split" Orientation="Horizontal"> 
    <Button Command="{Binding MainCommand}"> 
     <StackPanel> 
      <Image Source="{StaticResource MainCommandImage}"/> 
      <TextBlock>MainCommand</TextBlock> 
     </StackPanel> 
    </Button> 
    <Separator HorizontalAlignment="Left" Width="1" VerticalAlignment="Stretch" Margin="0,5"/> 
    <CheckBox Width="16" IsThreeState="False"> 
     <Grid> 
      <Path Fill="Black" Data="{StaticResource DownArrowGeometry}" 
        Stretch="Uniform" Height="6" Width="6" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
      <Popup x:Name="popupOptions" AllowsTransparency="True" PopupAnimation="Fade" StaysOpen="False" 
        Placement="Bottom" PlacementTarget="{Binding ElementName=Split}" HorizontalOffset="-3" 
        IsOpen="{Binding RelativeSource={RelativeSource AncestorType={x:Type CheckBox}, AncestorLevel=1}, Path=IsChecked}"> 
       <StackPanel> 
        <StackPanel> 
         <Image Source="{StaticResource SubCommandImage1}"/> 
         <TextBlock>SubCommand1</TextBlock> 
        </StackPanel> 
        <StackPanel> 
         <Image Source="{StaticResource SubCommandImage2}"/> 
         <TextBlock>SubCommand2</TextBlock> 
        </StackPanel> 
       </StackPanel> 
      </Popup> 
     </Grid> 
    </CheckBox> 
</StackPanel> 

Answer 8

Die Verwendung der WPF Toolkit Split-Schaltfläche zum Anzeigen eines Kontextmenüs ist relativ einfach. Fügen Sie in Ihren Fensterressourcen ein Kontextmenü hinzu. Im Fenster laden - binden Sie das Kontextmenü an die Split-Schaltfläche und verwenden Sie dann das Kontextmenü wie gewohnt.

Es muss wirklich im WPF-Toolkit hinzugefügt werden, da der Hauptanwendungsfall für diese Schaltfläche die Replizierung der alten WinForm-Schaltfläche ist.

<Window x:Class="SplitButtonTesting.MainWindow" 
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit" 
    mc:Ignorable="d" 
    Title="MainWindow" Height="350" Width="525"> 
<Window.Resources> 
    <ContextMenu x:Key="contextMenu" IsOpen="{Binding IsOpen}"> 
     <MenuItem Header="One" /> 
     <MenuItem Header="Two" /> 
     <MenuItem Header="More..."> 
      <MenuItem Header="One" /> 
      <MenuItem Header="Two" /> 
     </MenuItem> 
    </ContextMenu> 
</Window.Resources> 
<DockPanel> 

    <Menu DockPanel.Dock="Top" x:Name="ApplicationMenu"> 

     <xctk:SplitButton x:Name="SplitButton" Content="Main Button" DropDownContent="{x:Null}" /> 

    </Menu> 
    <Border /> 

</DockPanel> 

-Code hinter:

using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Controls.Primitives; 

namespace SplitButtonTesting 
{ 
    /// <summary> 
    /// Interaction logic for MainWindow.xaml 
    /// </summary> 
    public partial class MainWindow : Window 
    { 
     public MainWindow() 
     { 
      InitializeComponent(); 

      SetupSplitButton(); 
     } 

     public void SetupSplitButton() 
     { 
      var menu = this.Resources["contextMenu"] as ContextMenu; 

      menu.PlacementTarget = SplitButton; 

      menu.Placement = PlacementMode.Bottom; 
      menu.DataContext = SplitButton; 
     } 
    } 
}