Wie entfernen Sie den Schaltflächenrand in wpf vollständig?

Ich versuche, eine Schaltfläche zu erstellen, die ein Bild und keinen Rand enthält - genau wie die Schaltflächen in der Firefox-Symbolleiste, bevor Sie mit der Maus darüber fahren und die vollständige Schaltfläche sehen.

Ich habe versucht, das BorderBrushauf Transparent, BorderThicknessauf 0und auch zu setzen BorderBrush="{x:Null}", aber Sie können immer noch den Umriss der Schaltfläche sehen.

Versuche dies

<Button BorderThickness="0"  
    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" >...

Möglicherweise müssen Sie die Schaltflächenvorlage ändern. Dadurch erhalten Sie eine Schaltfläche ohne Rahmen, aber auch ohne Druck oder deaktivierten Effekt:

    <Style x:Key="TransparentStyle" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Background="Transparent">
                        <ContentPresenter/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Und der Knopf:

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

Was Sie tun müssen, ist ungefähr so:

<Button Name="MyFlatImageButton"
        Background="Transparent"
        BorderBrush="Transparent"
        BorderThickness="0" 
        Padding="-4">
   <Image Source="MyImage.png"/>
</Button>

Hoffe das ist was du gesucht hast.

Bearbeiten: Entschuldigung, ich habe vergessen zu erwähnen, dass Sie nur das Padding = "- 4" überspringen müssen, wenn Sie den Schaltflächenrand sehen möchten, wenn Sie mit der Maus über das Bild fahren .

Ich weiß nicht, warum andere nicht darauf hingewiesen haben, dass diese Frage mit dieser mit akzeptierter Antwort dupliziert wird .

Ich zitiere hier die Lösung: Sie müssen die außer Kraft setzen ControlTemplateder Button:

<Button Content="save" Name="btnSaveEditedText" 
                Background="Transparent" 
                Foreground="White" 
                FontFamily="Tw Cen MT Condensed" 
                FontSize="30" 
                Margin="-280,0,0,10"
                Width="60"
                BorderBrush="Transparent"
                BorderThickness="0">
    <Button.Template>
        <ControlTemplate TargetType="Button">
             <ContentPresenter Content="{TemplateBinding Content}"/>
        </ControlTemplate>
    </Button.Template>  
</Button>

Sie können Hyperlink anstelle von Button wie folgt verwenden:

        <TextBlock>
            <Hyperlink TextDecorations="{x:Null}">
            <Image Width="16"
                   Height="16"
                   Margin="3"
                   Source="/YourProjectName;component/Images/close-small.png" />
            </Hyperlink>
        </TextBlock>

Möglicherweise wissen Sie bereits, dass das Einfügen Ihrer Schaltfläche in eine Symbolleiste zu diesem Verhalten führt. Wenn Sie jedoch etwas wünschen, das für ALLE aktuellen Themen mit jeder Art von Vorhersagbarkeit funktioniert, müssen Sie eine neue ControlTemplate erstellen.

Die Lösung von Prashant funktioniert nicht mit einer Schaltfläche, die sich nicht in einer Symbolleiste befindet, wenn die Schaltfläche den Fokus hat. Es funktioniert auch nicht 100% mit dem Standarddesign in XP - Sie können immer noch schwache graue Ränder sehen, wenn Ihr Containerhintergrund weiß ist.

Programmatisch können Sie dies tun:

btn.BorderBrush = new SolidColorBrush(Colors.Transparent);

Warum setzen Sie nicht beide Background & BorderBrushgleich?brush

 <Style TargetType="{x:Type Button}" >
        <Setter Property="Background" Value="{StaticResource marginBackGround}"></Setter>
        <Setter Property="BorderBrush" Value="{StaticResource marginBackGround}"></Setter>            
 </Style>

<LinearGradientBrush  x:Key="marginBackGround" EndPoint=".5,1" StartPoint="0.5,0">
    <GradientStop Color="#EE82EE" Offset="0"/>
    <GradientStop Color="#7B30B6" Offset="0.5"/>
    <GradientStop Color="#510088" Offset="0.5"/>
    <GradientStop Color="#76209B" Offset="0.9"/>
    <GradientStop Color="#C750B9" Offset="1"/>
</LinearGradientBrush>