Diğer stilleri değiştirmeden WPF düğmesinin şeklini değiştirin

Question

Bir WPF düğmesinin şeklini varsayılan yuvarlak dikdörtgenden başka bir şekle (örneğin, bir ok) dönüştürmek istiyorum ancak stilin geri kalanını korumak istiyorum - renk, kenarlık rengi, vurgulu durumları vb. doldurun. Düğmenin diğer tüm normal düğmelerle aynı stillere sahip olmasını istiyorum (ki, Windows'un sürümüne, sistem tema renklerine vb. düğme stili sıfırdan ve doğru koddan doğru renkler).

Bunu yapmanın bir yolu var mı?

Answer 1

default Button Template'un bir kopyasını alın ve varsayılan panosu kendi özel şeklinizle değiştirin.

Düğme durumunda, Border'u bir Ok tanımlayan Path gibi bir şeyle değiştirmeniz gerektiği anlaşılıyor.

Path içeriği içermediğinden, hem şekli hem de içeriği bir Grid gibi nesnelerin çakışmasına izin veren başka bir panele yerleştirmeniz gerekecektir.

Yani sonuç yerine Normal düğme denetimi alt sınıfı gerekir varsayılan

<Button> 
    <ContentPresenter /> 
</Button> 

Answer 2

bu

<Grid> 
    <Path /> 
    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" /> 
</Grid> 

gibi bir şey olacaktır. Alt sınıflanmış düğmeyi özel bir şekille özelleştirebilirsiniz, ancak diğer tüm özellikler miras alınacaktır. Bu, düğmenizin şeklini ve başka hiçbir şeyi değiştirmenize izin verir.
http://msdn.microsoft.com/en-us/library/bb613598.aspx

Answer 3

Eğer düğme Template içinde TemplateBinding s kullanabileceğiniz bir Button için varsayılan sistem renkleri/stilleri miras isterseniz: Eğer Blend varsa

İşte özel bir düğme oluşturmak için iyi bir kaynaktır. Ancak

<Button> 
    <Button.Template> 
     <ControlTemplate TargetType="Button"> 
      <Grid> 
       <!-- circle to have inherited colour --> 
       <Ellipse Fill="{TemplateBinding Background}" Height="50" Width="50" /> 
       <ContentPresenter /> 
      </Grid> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

Ellipse sonra Button arka plan rengini devralır: Sistem aynı arka plan rengi vardı özel şekilli düğme oluşturmak istiyorsa Örneğin, aşağıda kullanabilirsiniz ayarlandı.