2012-03-17 4 views
0

XAML 코드의 버튼 시각적 모양을 육각형으로 수정합니다. 지금, 나는 아래 이미지처럼 육각형의 두 개의 바깥 쪽 가장자리에 두 줄을 추가 할 :XAML에서 도형에 선 추가하기

https://skydrive.live.com/redir.aspx?cid=204df65b0e6e1655&resid=204DF65B0E6E1655!117&parid=204DF65B0E6E1655!107&authkey=!AEzKZRmwMNhBWxM

사람이 방법과 장소를 추가하려면 말할 수 있습니까? 내 코드는 내가 선이 그 가장자리에 연결 페이지 끝으로 모든 방법을 전파 캔트이

<Page.Resources> 
    <Style TargetType="Button"> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Canvas> 
         <Polygon Canvas.Top="30" Points= 
        "430,0 
        400,32 
        -30,32 
        -60,0 
        -30,-32 
        400,-32" 
      Stroke="Brown" StrokeThickness="10"/> 
         <ContentPresenter Canvas.Left="80" Foreground="White" FontSize="40"></ContentPresenter> 
        </Canvas> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</Page.Resources> 

<Grid Background="Black"> 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
     <RowDefinition /> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition /> 
    </Grid.ColumnDefinitions> 

    <Button Grid.Row="1" Margin="40,-100 0,-50" HorizontalAlignment="Center">Hello World</Button>  

</Grid> 

같은 것입니다. 아이디어가 있으십니까?

답변

1

버튼 스타일 내에서 이것을 원하십니까? 아래의 XAML 단추 컨트롤 템플릿 코드를 통해이 작업을 수행 할 수있었습니다.

저는 구분 기호를 격자에 넣은 다음 사각형 위에 사각형을 넣어 이미지에 획을 추가합니다.
또한 사각형과 정렬하기 위해 다각형 위에 2의 위쪽 여백을 추가했습니다.

<ControlTemplate TargetType="Button"> 
        <Grid> 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition/> 
          <ColumnDefinition Width="500"/> 
          <ColumnDefinition /> 
         </Grid.ColumnDefinitions> 
         <Rectangle Fill="White" Grid.Column="0"/> 
         <Rectangle Fill="White" Grid.Column="2"/> 
         <Separator Background="White" Grid.Column="0"/> 
         <Separator Background="White" Grid.Column="2"/> 
         <Canvas Grid.Column="1" Margin="64,2,0,0"> 
          <Polygon Points= 
       "430,0 
       400,32 
       -30,32 
       -60,0 
       -30,-32 
       400,-32" 
     Stroke="Brown" StrokeThickness="10"/> 
          <ContentPresenter Canvas.Left="80" Foreground="White" FontSize="40"/> 

         </Canvas> 
        </Grid> 
       </ControlTemplate> 
관련 문제