스타일을 사용하여 모눈에 테두리 추가

Question

그리드 행에 이중 테두리를 추가하려고 했으므로 창 안쪽에 침몰 한 패널을 시뮬레이트합니다.

여기까지 내가 지금까지 가지고있는 것이고, 내가 원하는 것에 가깝게 보인다.

<Grid Grid.Column="1" Grid.ColumnSpan="2"> 
      <Border x:Name="TopShadowBorder" 
        BorderBrush="#FFB7B6B6" BorderThickness="2,3,2,0" 
        Padding="0" CornerRadius="5 5 20 20" ClipToBounds="True" Margin="-1,0,1,0" Panel.ZIndex="2"> 
       <Border.Effect> 
        <DropShadowEffect Direction="270" ShadowDepth="2" /> 
       </Border.Effect> 
      </Border> 
       <Border x:Name="InsetBorder" BorderBrush="#FFF7F7F7" BorderThickness="2,0,2,3" 
        CornerRadius="10" Margin="0" Panel.ZIndex="2"/> 
      </Grid> 

다른 그리드에서 공유 할 수있는 스타일로 만들 수 있습니까? 이 같은?

<Grid Grid.Column="1" Grid.ColumnSpan="2" Style={StatisResource SunkenBorder}></Grid> 

Answer 1

그리드 패널과 panel.You이 Contentcontrol

<Window.Resources> 
    <ControlTemplate x:Key="GridBorderTemplate"> 
     <Grid> 
      <Border x:Name="TopShadowBorder" 
       BorderBrush="#FFB7B6B6" BorderThickness="2,3,2,0" 
       Padding="0" CornerRadius="5 5 20 20" ClipToBounds="True" Margin="-1,0,1,0" Panel.ZIndex="2"> 
       <Border.Effect> 
        <DropShadowEffect Direction="270" ShadowDepth="2" /> 
       </Border.Effect> 
      </Border> 
      <Border x:Name="InsetBorder" BorderBrush="#FFF7F7F7" BorderThickness="2,0,2,3" CornerRadius="10" Margin="0" Panel.ZIndex="2"/> 
     </Grid> 
    </ControlTemplate> 
</Window.Resources> 

<Grid Height="300" Width="300"> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition></ColumnDefinition> 
     <ColumnDefinition></ColumnDefinition> 
    </Grid.ColumnDefinitions> 
    <Grid.RowDefinitions> 
     <RowDefinition></RowDefinition> 
     <RowDefinition></RowDefinition> 
    </Grid.RowDefinitions> 
    <ContentControl Template="{StaticResource GridBorderTemplate}"> 
     <Grid></Grid> 
    </ContentControl> 
    <ContentControl Grid.Row="1" Grid.Column="1" Template="{StaticResource GridBorderTemplate}"> 
     <Grid></Grid> 
    </ContentControl> 
</Grid>