如何创建这个 wpf 工具栏答案

【问题标题】：How create this wpf toolbar如何创建这个 wpf 工具栏
【发布时间】：2013-02-06 17:04:07
【问题描述】：

我想在 wpf 上创建一个这样的工具栏。

我需要使用什么来创建带有红色圆圈按钮的区域？可以用微软工具栏吗？

暂时我试过这个：

这是我的 xaml 代码：

    <ToolBarTray Background="#008ede" HorizontalAlignment="Stretch" VerticalAlignment="Top" Height="33" >
        <ToolBar ToolBarTray.IsLocked="True" Background="#008ede" HorizontalAlignment="Stretch"  VerticalAlignment="Center"  VerticalContentAlignment="Center">
            <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center">
                <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image>
            </Button>
            <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center">
                <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image>
            </Button>
        </ToolBar>    
    </ToolBarTray>

1) 首先，我想知道按钮是如何居中的，我添加了verticalAlignment="Center"，但没有什么是居中的。请问你有什么想法吗？

2）其次，请问如何去除或隐藏右边的白色小矩形？

3) 那么，有人知道如何重新创建红色圈出的区域吗？

非常感谢:)

最好的问候

【问题讨论】：

标签： c# wpf xaml toolbar

【解决方案1】：

您的工具栏看起来居中。您的意思是您希望工具栏位于标题/标题所在的位置，还是要隐藏标题标题？对于后者，您可以在窗口中尝试 WindowStyle="None"。

对于“小矩形”，尝试获取和设置工具栏的 OverflowGrid 可见性属性。

您可能还需要将元素包裹在 aborder 中并使用圆角半径来实现圆角。这是一个例子：

    <DockPanel  Height="40" VerticalAlignment="Top">
        <Border BorderBrush="LightBlue" BorderThickness="1" CornerRadius="8" Margin="1" Background="#008ede">
                <ToolBarTray Background="#008ede" HorizontalAlignment="Left" VerticalAlignment="Center"  >
                    <ToolBar ToolBarTray.IsLocked="True" Background="Transparent"  HorizontalAlignment="Stretch"  VerticalAlignment="Center"  VerticalContentAlignment="Center">
                        <Button Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center">
                            <Image Source="_XWPF_TBR_PREMIER.PNG_IMAGES.png" Name="Image1"></Image>
                        </Button>
                        <Button Name="tbrClear_" ToolTip="Clear" VerticalAlignment="Center" VerticalContentAlignment="Center">
                            <Image Source="_XWPF_TBR_PRECED.PNG_IMAGES.png" Name="Image2"></Image>
                        </Button>
                    </ToolBar>
                </ToolBarTray>
        </Border>
    </DockPanel>

【讨论】：

我的工具栏不在 ToolbarTray 的中心。然后，您说“尝试获取和设置工具栏的溢出可见性属性”，但我没有 OverFlowGrid 属性。
好的。在我的工具栏托盘上，我使用“VerticalAlignment = 'Stretch'”。
我试过了，但没有任何变化。之后我会寻找这个问题。你能解释一下如何在工具栏上创建具有圆角半径的矩形（用于分组按钮）吗？会很好:)
非常感谢，更好了！我的按钮居中:)。对于圆角半径的矩形，我说的是我的图片上用红色圈出的矩形（按钮后面的黑色矩形），你知道这是否可能吗？非常感谢:)
我已经编辑了我的帖子，以提供如何制作圆角的示例。