Question

我在一个充满圆角的UI中有一个树视图，所以我希望树视图匹配。是否可以在xaml中将树视图的边框更改为圆角？

我曾想过隐藏边框并将树视图放在一个圆角矩形内，但这会失去房地产，看起来很优雅。

有什么想法吗？

Answer 1

覆盖树视图的控件模板以更改边框。如果您有Expression Blend，它可以轻松地为您提取默认控件模板，然后您可以简单地在最顶部的边框上拍摄适当的半径。

或者，take a look at this MSDN article包含以下树视图控件模板：

<Style x:Key="{x:Type TreeView}" TargetType="TreeView">
  <Setter Property="OverridesDefaultStyle" Value="True" />
  <Setter Property="SnapsToDevicePixels" Value="True" />
  <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
  <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="TreeView">
        <Border 
          Name="Border" 
          CornerRadius="1" 
          Background="{StaticResource WindowBackgroundBrush}"
          BorderBrush="{StaticResource SolidBorderBrush}"
          BorderThickness="1" >
          <ScrollViewer 
            Focusable="False"
            CanContentScroll="False"
            Padding="4">
            <ItemsPresenter/>
          </ScrollViewer>
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

只需更改外边框即可获得更强的边框半径，以达到您想要的效果。

带圆角的WPF树视图

1 个答案: