哪个WPF控件实现Win 7 UX指南推荐的分隔符?

哪个WPF控件实现Win 7 UX指南推荐的分隔符?,wpf,xaml,wpf-controls,Wpf,Xaml,Wpf Controls,在的Windows 7 UX指南中,建议(在某些情况下)远离组框并使用分隔线。给出了这样一个分离器的示例,我在下面提供了一个屏幕截图。我有两个问题。是否有一个WPF头控件来实现此UX建议,以便所有应用程序看起来一致?如果没有,文本中的“可以使用蚀刻矩形实现分隔符…”是什么意思?我知道如何绘制矩形,但看不到“蚀刻”效果或属性 有一个分隔符控件,它似乎是使用的合乎逻辑的东西,但它似乎比示例更薄,不允许标题或添加蚀刻效果。我意识到我可以创建自己的控件,但考虑到控件的基础性,我想知道是否有一种规范的方法

在的Windows 7 UX指南中,建议(在某些情况下)远离组框并使用分隔线。给出了这样一个分离器的示例,我在下面提供了一个屏幕截图。我有两个问题。是否有一个WPF头控件来实现此UX建议,以便所有应用程序看起来一致?如果没有,文本中的“可以使用蚀刻矩形实现分隔符…”是什么意思?我知道如何绘制矩形,但看不到“蚀刻”效果或属性

有一个分隔符控件,它似乎是使用的合乎逻辑的东西,但它似乎比示例更薄,不允许标题或添加蚀刻效果。我意识到我可以创建自己的控件,但考虑到控件的基础性,我想知道是否有一种规范的方法可以采用


蚀刻实际上只是一种图形设计技术,通过使用以某种方式对比的颜色来使用

您发布的屏幕截图实际上是两条水平线,每条1像素。顶线比底线暗。它们都与白色背景形成对比以提供视觉效果。您可以通过使用两条水平线轻松地复制这一点

<Window
    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"
    mc:Ignorable="d"
    x:Class="TestingWPF.TestWindow"
    d:DesignWidth="477" d:DesignHeight="214">
    <Window.Resources>
        <Style x:Key="LineGroupBox" TargetType="{x:Type HeaderedContentControl}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type HeaderedContentControl}">
                        <StackPanel>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <ContentPresenter ContentSource="Header" Margin="5 0 5 0"/>
                                <Canvas Name="canvas" Grid.Column="1" Height="10">
                                    <Line X1="0" Y1="5" X2="{Binding ElementName=canvas, Path=ActualWidth}" Y2="5" Stroke="#FFACACAC" />
                                    <Line X1="0" Y1="6" X2="{Binding ElementName=canvas, Path=ActualWidth}" Y2="6" Stroke="#FFCBCBCB" />
                                </Canvas>
                            </Grid>
                            <Grid>
                                <Rectangle Fill="{TemplateBinding Background}"/>
                                <ContentPresenter ContentSource="Content" Margin="{TemplateBinding Property=Padding}"/>
                            </Grid>
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>

    <StackPanel Margin="5">
        <HeaderedContentControl Style="{StaticResource LineGroupBox}" Header="Header 1" Padding="5">
            <TextBlock>This is some content.</TextBlock>
        </HeaderedContentControl>

        <HeaderedContentControl Style="{StaticResource LineGroupBox}" Header="Header 2" Padding="5">
            <TextBlock>This is some content.</TextBlock>
        </HeaderedContentControl>
    </StackPanel>
</Window>

这是一些内容。
这是一些内容。