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