ボーダーなしで画像付きのボタンを実装するにはどうすればよいですか？

Question

可能性の重複：
wpf flat button

どのように私は写真のようなボタンを実装することができますか？

は、私は、次の試してみました：

<Button Name="buttonSuchpfeil" Margin="184,39,522,364"> 
     <StackPanel> 
      <Image Source="..\Pictures\Suchpfeil.jpg"></Image> 
     </StackPanel> 
    </Button> 

しかし、私は好きではいけない画像の周囲に境界線が表示されます：私はこれを避けるために自分のコードを変更するにはどうすればよい

？

Answer 1

ボタンのパディングを-2に設定すると、画像に境界線が表示されなくなります。あなたがが、ボタンのテンプレートを変更する必要があると思います（マウスオーバー効果などのような）より複雑なレイアウトの変更については

<Button Name="buttonSuchpfeil" Padding="-2" Margin="184,39,522,364"> 
    <StackPanel> 
     <Image Source="..\Pictures\Suchpfeil.jpg"></Image> 
    </StackPanel> 
</Button> 

：このように

。 This articleは基本を提供します。

Answer 2

WinFormsでは、これを行う簡単な方法があります。FlatStyleをFlatに設定します。 WPF用として

this.myButton.FlatStyle = System.Windows.Forms.FlatStyle.Flat; 

（私はこの:-)を書いていただけのように登場しトビアスの答えにもかかわらず、いくつかの有用な追加情報がここにあります：WPF Flat Button

Answer 3

これだけでみてください...私が作成しましたカスタム

<Style x:Key="ButtonStyle1" TargetType="{x:Type Button}"> 
     <Setter Property="HorizontalContentAlignment" Value="Center"/> 
     <Setter Property="VerticalContentAlignment" Value="Center"/> 
     <Setter Property="Padding" Value="1"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type Button}"> 
        <Border x:Name="border" BorderThickness="2" BorderBrush="Black"> 
         <ContentPresenter></ContentPresenter> 
        </Border> 
        <ControlTemplate.Triggers> 

         <Trigger Property="IsEnabled" Value="false"> 
          <Setter Property="Foreground" Value="#ADADAD"/> 
          <Setter Property="Opacity" TargetName="border" Value="0.15"/> 
         </Trigger> 
         <Trigger Property="IsMouseOver" Value="True"> 
          <Setter Property="BorderBrush" TargetName="border" Value="#FF54FF08"/> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

     <Button HorizontalAlignment="Left" Height="30" VerticalAlignment="Top" Width="35" Style="{DynamicResource ButtonStyle1}"> 
     <Image Source="Untitled-1.png" Stretch="Fill"></Image>   
    </Button>