WPF拆分按钮？ [关闭]

Question

我刚刚度过了一个非常令人沮丧的下午，在 Google 上寻找可以在 ToolBar 中工作的商业级 WPF SplitButton 控件。 SplitButton 是您可以单击Button 的主要部分以执行默认操作，或单击右侧的小三角形以获取替代操作的下拉菜单。

我在网上找到了几个（包括 CodeProject 上的一个，以及 CodePlex 上的两个）。它们都不能在ToolBar 中正常工作——它们要么根本不出现，要么没有工具栏按钮样式。我什至查看了一些商业产品，例如 ActiPro 的弹出按钮（在他们的 SharedLibrary DLL 中）。同样的问题。

是的，我看过所有关于创建一个多么容易的帖子。创建一个坏的很容易，但要创建一个看起来和工作起来像 Outlook 或 Visual Studio 中的 SplitButtons 的文件并不容易，如果您释放鼠标按钮，下拉菜单不会消失。

所以，我的问题是：是否有任何商业级的SplitButtons，无论是开源的还是商业的，都可以在工具栏中使用？我不是在寻找一个属于每年 1,500 美元订阅某人控件库的一部分的控件，但如果有一个价格合理的 SplitButton，我一定会找到它。

Answer 1

据我所知，唯一真正的“商业级”拆分按钮是 Syncfusion 的那个，它包含在他们的功能区控件中（尽管它也可以在功能区之外使用）。

话虽如此，我记得this implementation 相当实用且完整，如果您正在寻找免费的东西。

Answer 2

我不知道您到底在寻找什么拆分按钮，但是这个关于如何创建拆分按钮的视频非常完整，并且制作了一个几乎完美的拆分按钮。

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

我知道你不想要教程，但我以前用过这个，你无法分辨它和 Outlook 中的区别。

Answer 3

我认为你的意思是所谓的 DropDownButton。 MenuItem“StaysOpenOnClick”上有一个布尔属性可以解决您的问题。

Answer 4

另一个很好的免费实现似乎拥有一切：

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

• 拆分按钮可以在工具栏中使用，并且具有适当的工具栏样式。如果你愿意，它也可以重新设计。
• 下拉菜单通过它自己的属性公开 - 即 splitbutton 可以有它自己的上下文菜单与下拉菜单分开（即使它看起来不合逻辑它在某些情况下可能很有用 - 例如当您右键单击时弹出的工具栏上下文菜单放在工具栏中的按钮上）。
• 下拉菜单是标准的 ContextMenu - 即内容可以是数据绑定、菜单项重新设置样式等。
• 拆分按钮的主要部分和下拉部分都有与之关联的命令属性。

Answer 5

Delay 的博客中有一个相当不错的 WPF 和 Silverlight 拆分按钮实现：

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

Answer 6

Extended WPF Toolkit Community Edition（免费）有一个不错的SplitButton（它也有一个DropDownButton）

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

Answer 7

我一直在寻找相同的，只是推出了自己的（您需要根据自己的喜好设置样式（以匹配工具栏），您可以对其进行重构/将其转换为自定义控件......等等）

<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

使用 WPF Toolkit 拆分按钮显示上下文菜单相当简单。在窗口资源中添加上下文菜单。在窗口加载时 - 将上下文菜单绑定到拆分按钮，然后像往常一样使用上下文菜单。

它确实需要添加到 WPF 工具包中，因为此按钮的大多数用例是复制旧的 WinForm Splitt 按钮。

<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>

后面的代码：

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;
        }
    }
}