在WPF中创建类似菜单的Office 2010侧边栏

时间:2012-08-04 20:58:38

标签: wpf xaml menu wpf-controls

我是WPF的新手,我终于开始使用导航制作我的第一个应用程序了。 但是我坚持一个特别的事情。我想创建一个类似Office 2010边栏中的垂直菜单。像这样(nb,我对一个功能区不感兴趣,只是一个简单的菜单):

enter image description here

其中有一个像这样的悬停效果:

enter image description here

我想这可能是为了那些擅长XAML的人在公园散步,但是我被困住了,卡住了,我已经尝试使用谷歌搜索,尝试在Blend和VS中获取它但是我被卡住了。 / p>

我不需要右边的三角形,只是一个方形的“按钮”,像上面那样的悬停会让我成为一个非常开心的露营者。

那么,关于我应该寻找或阅读的内容的任何提示和指示?

我到目前为止(但我不确定它是否正确)是这样的:

        <Button Content="Choice One!" Margin="204,153,231,0" VerticalAlignment="Top" Background="{x:Null}" BorderBrush="{x:Null}"/>
    <Button Content="Choice One!" Margin="204,191,231,0" VerticalAlignment="Top">
        <Button.BorderBrush>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <LinearGradientBrush.RelativeTransform>
                    <TransformGroup>
                        <ScaleTransform CenterY="0.5" CenterX="0.5" ScaleY="1.09" ScaleX="1"/>
                        <SkewTransform AngleY="0" AngleX="0" CenterY="0.5" CenterX="0.5"/>
                        <RotateTransform Angle="-179.963" CenterY="0.5" CenterX="0.5"/>
                        <TranslateTransform Y="0.045"/>
                    </TransformGroup>
                </LinearGradientBrush.RelativeTransform>
                <GradientStop Color="Black" Offset="0"/>
                <GradientStop Color="White" Offset="1"/>
            </LinearGradientBrush>
        </Button.BorderBrush>
        <Button.Background>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#FFCACACA" Offset="0"/>
                <GradientStop Color="WhiteSmoke" Offset="1"/>
            </LinearGradientBrush>
        </Button.Background>
    </Button>

感谢所有帮助。 :)

// JaggenSWE

0 个答案:

没有答案