Coin arrondi bouton plat en WPF

Je suis en train de concevoir une INTERFACE utilisateur avec WPF ayant un arrondi bouton plat. J'ai écrit de code suivant pour ce type de bouton:

<Border BorderThickness="1"
        BorderBrush="Transparent"
        Background="DarkCyan"
        CornerRadius="4"
        Height="35"
        Width="75">
            <Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                    Content="Enter"
                    VerticalAlignment="Stretch"
                    HorizontalAlignment="Stretch"
                    Background="DarkCyan"
                    Foreground="White"/>
</Border>

Cette touche de style est exactement ce dont j'ai besoin. Mais au moment de l'exécution, lorsque la souris se déplace vers le bouton, il n'est pas arrondi plus. C'est un rectangle de même taille. En fait, le bouton débordements de la frontière. J'ai donc ajouté padding à la frontière comme ceci:

<Border BorderThickness="1"
        BorderBrush="Transparent"
        Background="DarkCyan"
        CornerRadius="4"
        Height="35"
        Width="75"
        Padding="2">
            <Button Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}"
                    Content="Enter"
                    VerticalAlignment="Stretch"
                    HorizontalAlignment="Stretch"
                    Background="DarkCyan"
                    Foreground="White"/>
</Border>

Dans ce cas, le bouton en hoover mode ne déborde pas de la frontière plus, Mais c'est toujours un rectangle et ainsi de couleur du bouton (Dans hoover mode) diffère en ce rectangle et d'autres espaces de frontière. Donc malheureusement il n'est pas utile encore.

Maintenant, ma question est: Est-il possible de construire un coin arrondi bouton plat (comme celui que j'ai mentionné) qui ont marqué l'espace en se déplaçant sur le bouton serait exactement le coin arrondi de l'espace?

double possible de WPF Bouton Style de Déclenchement
Pas strictement un rapport de 1:1 en double, mais ce que vous avez besoin est de remplacer le hover style du bouton.

OriginalL'auteur parseh | 2015-05-27

  1. 9

    C'est probablement jusqu'à la VisualStateManager pour le bouton qui est en train de changer le style lorsque le curseur de la souris sur le bouton. Je voudrais suggérer à l'aide d'un Style à la place.

    <Style TargetType="Button" x:Key="FlatButtonStyle">
    <Setter Property="Background" Value="DarkCyan"/>
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="Width" Value="75"/>
    <Setter Property="Height" Value="35"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border BorderThickness="0"
                        Background="{TemplateBinding Background}"
                        CornerRadius="4">
                     <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
               </Border>
           </ControlTemplate>
       </Setter.Value>
    </Setter>
</Style>

    Utilisation:

    <Button Style="{StaticResource FlatButtonStyle}" ... />
    Excusez-moi, Mais je suis très nouveau à WPF (j'ai commencé aujourd'hui). pouvez-vous svp me dire où dois-je écrire les styles?
    Vous pouvez leur écrire à l'intérieur de la Resources élément de votre Fenêtre/Élément Parent. Vérifier ceci.
    pas de solution parfaite .. il indique une erreur pour moi à x:key", La "Clé" de l'attribut peut être utilisé uniquement sur un élément qui est contenu dans "IDictionary". dans wpf"

    OriginalL'auteur Mike Eason