2013-07-08 13 views
7

Mam wymogu tworzenia przycisk, który zaczyna kształty jak pokazano na rysunku:klienta Shaped Przycisk w WPF

enter image description here

Czy ktoś mógłby mi pomóc? Z góry dziękuję!

+2

Pytania muszą wykazać minimalny brak i problem rozwiązany. Powiedz nam, co próbujesz zrobić, dlaczego to nie zadziałało i jak powinno działać. Zobacz także: [Lista kontrolna pytań dotyczących przepełnienia stosu] (http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist) – JDB

Odpowiedz

19

Można używać ControlTemplate do osiągnięcia tego celu:

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}"> 
     <Setter Property="Background" Value="Black"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type Button}"> 
        <Path Fill="{TemplateBinding Background}" 
          Data="M 0,0 A 100,100 90 0 0 100,100 L 100,100 100,0" /> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

niż ją zastosować do przycisku:

<Button Style="{StaticResource ButtonStyle}"/> 

Jeśli potrzebujesz referencji do rysowania „ścieżka” sprawdzić this MSDN odnośnik .

Aktualizacja

Aby wyświetlić zawartość należy użyć ContentPresenter, coś takiego:

<Style x:Key="ButtonStyle" TargetType="{x:Type Button}"> 
     <Setter Property="Background" Value="Black"/> 
     <Setter Property="HorizontalAlignment" Value="Center"/> 
     <Setter Property="VerticalContentAlignment" Value="Center"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type Button}"> 
        <Grid> 
         <Path Fill="{TemplateBinding Background}" 
          Data="M 0,0 A 100,100 90 0 0 100,100 L 100,100 100,0" /> 
         <ContentPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
              HorizontalAlignment="{TemplateBinding HorizontalAlignment}"/> 
        </Grid> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

w przycisku:

<Button Style="{StaticResource ButtonStyle}" Foreground="White"> 
     test 
    </Button> 

enter image description here

+0

Dzięki kolego! to działa. Chciałbym jednak wiedzieć, w jaki sposób mogę ustawić treść? Po ustawieniu zawartości przycisku nie wyświetla się. –

+0

Aby wyświetlić zawartość, należy włożyć ContentPresenter – cbcol

Powiązane problemy