채우기 "모서리 방사형"경계

Question

호프 내 질문에 쉽게 :) 나는 모서리 반경이있는 주 용기로 테두리가 있습니다. 내부에 GRID가 있고 그리드에 배경색을 설정하고 싶다면 모서리 바깥쪽에 못생긴 채우기 부분이 생깁니다 ...

그렇다면 BORDER를 글로벌 컨테이너처럼 설정할 수 있습니까? 안에있는 모든 것이 내부에 남아 있습니까?

감사합니다.

Answer 1

가 다음과 같은 질문을 참조하십시오 : 당신은 그냥 그리드가 완전히 경계 내부에 싶다면 이제, 둥근 모서리 반경 보상 그리드의 여백 설정 How to make the contents of a round-cornered border be also round-cornered?

ClippingBorder 대답에서 작업을 수행 이것에 아주 좋은 직업. 다음은 일반 Border과 ClippingBorder 사이의 비교입니다.

<StackPanel Orientation="Horizontal"> 
    <Border CornerRadius="20,20,20,20" 
      BorderThickness="4" 
      BorderBrush="Black" 
      Width="50" 
      Height="50"> 
     <Grid Background="Red"/> 
    </Border> 
    <controls:ClippingBorder CornerRadius="20,20,20,20" 
          BorderThickness="4" 
          BorderBrush="Black" 
          Width="50" 
          Height="50" 
          Margin="20,0,0,0"> 
     <Grid Background="Red"/> 
    </controls:ClippingBorder> 
</StackPanel> 

Answer 2

둥근 모서리를 채우려면 배경색을 지정해야합니다. 경계선 자체에 그리드가 아닌 배경 속성을 설정해야합니다.

<Border CornerRadius="10" 
     BorderBrush="Black" 
     BorderThickness="5" 
     Background="Green"> 
    <Grid Background="Red" 
      Margin="2.5"> 

    </Grid> 
</Border>