XAMLで円ボタンを実装する方法

Question

XAMLで以下のような円ボタンを実装する方法、外部イメージは必要ありません。 中央の黒い線は必要ありません。

Answer 1

これはそれを行うには非常に簡単な方法です。これはスタイルに変更することができ、デザイナーが色やその他のプロパティを簡単に変更できるようにTemplatedControlを作成することにより、柔軟性を高めることができます。

<Button Width="100" 
     Height="100"> 
    <Button.Template> 
     <ControlTemplate TargetType="Button"> 
      <Grid> 
       <Ellipse Stroke="Black" 
         StrokeThickness="2"> 
        <Ellipse.Fill> 
         <RadialGradientBrush> 
          <GradientStop Offset="0" 
              Color="Lime" /> 
          <GradientStop Offset="1" 
              Color="Lime" /> 
          <GradientStop Offset="1" 
              Color="Gold" /> 
          <RadialGradientBrush.Transform> 
           <TransformGroup> 
            <ScaleTransform ScaleY="0.65" /> 
           </TransformGroup> 
          </RadialGradientBrush.Transform> 
         </RadialGradientBrush> 
        </Ellipse.Fill> 
       </Ellipse> 
       <ContentPresenter HorizontalAlignment="Center" 
            VerticalAlignment="Center"/> 
      </Grid> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

Answer 2

ここブレンドでゼロからの制御にあなたの構築に関するリンクです。

http://www.codeproject.com/Articles/32257/A-Style-for-Round-Glassy-WPF-Buttons

Answer 3

<Button Width="100" Height="100" Content="Abcd"> 
     <Button.Template> 
      <ControlTemplate TargetType="{x:Type Button}"> 
       <Grid> 
       <Ellipse Fill="Red"/> 
        <ContentPresenter Content="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
       </Grid> 
      </ControlTemplate> 
     </Button.Template> 
    </Button> 

あなたはそれがサークルであるためには、同じボタンの高さと幅を設定する必要があります。