0

我需要实现的目标：

在此处输入图像描述

我有的 ：

在此处输入图像描述

我需要一些如何创建间隙，我尝试使用 GroupBox 模板中的 BorderGapMaskConverter 之类的东西，但我似乎无法弄清楚如何定位它（对于初学者，我想为所有选项卡项应用不透明蒙版.

我的 TabControl 模板：（Shortend xaml），下面我创建了一个测试不透明度蒙版，我将尝试通过分配一个不透明蒙版来仅显示我的 TabControl 的一小部分，该蒙版包含一个包含此矩形的视觉画笔，因为它是可视的（这只是尝试了解如何应用不透明蒙版的尝试失败）： 

  <Rectangle Width="100" Height="100" RadiusX="0.5" RadiusY="0.5" Fill="Black" />

对于初学者，我想知道为什么这不起作用..

  <ControlTemplate TargetType="{x:Type TabControl}">
  <Grid>
      <Grid.ColumnDefinitions>
      <ColumnDefinition />
      <ColumnDefinition  Width="0"/>
       </Grid.ColumnDefinitions>
      <Grid.RowDefinitions>
      <RowDefinition  Height="Auto"/>
      <RowDefinition />
      </Grid.RowDefinitions>

         <TabPanel Panel.ZIndex="1"/>
         <Border>
             <Border.OpacityMask>
                  <VisualBrush>
                      <VisualBrush.Visual>
                           <Rectangle Width="100" Height="100" RadiusX="0.5" RadiusY="0.5" Fill="Black" />
                       </VisualBrush.Visual>
                   </VisualBrush>
              </Border.OpacityMask>
              <ContentPresenter/>
       </Border>
    </Grid>

2）其次，真正的问题，任何想法如何达到图片中描述的效果？

4

1 回答 1

1

为什么你不能只用Border属性做到这一点？：

<Border Height="76" Padding="25,0" BorderBrush="Cyan" BorderThickness="1,6,1,0">
    <ContentPresenter />
</Border>
于 2013-12-15T19:14:46.773 回答