2013-07-08 90 views
7

形按鈕我創建一個按鈕,顯示在圖片這需要形狀的要求:自定義在WPF

enter image description here

任何人都可以幫我嗎? 在此先感謝!

+2

問題必須展示出一個簡短的小寫並解決問題。告訴我們你試圖去做什麼,爲什麼它沒有工作,以及它應該如何工作。另請參閱:[堆棧溢出問題清單](http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist) – JDB

回答

19

你可以使用的ControlTemplate以實現:

<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> 

比你把它應用到按鈕:

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

如果你需要一些參考繪製「路徑」檢查this MSDN鏈接。

更新

要告訴你應該使用ContentPresenter,像這樣的內容:

<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> 

在按鍵:

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

enter image description here

+0

謝謝隊友!有用。但是,我想知道如何爲此設置內容?當我將內容設置到按鈕時,它不顯示。 –

+0

要顯示您應該插入ContentPresenter的內容 – cbcol