Question

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

enter image description here

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

目前我试过这个：

enter image description here

这是我的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）然后，有人知道如何重建红色圆圈区域吗？

非常感谢：）

祝你好运

Answer 1

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

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

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

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

如何创建这个wpf工具栏

1 个答案: