Discussion :

[Naografix]

Salut a tous

Voila j'ai un petit problème de border pour mon bouton en WPF C#

Voyez par vous même :




Voici mon code pour nouvelle partie :

Code xaml :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<Border 
    Margin="20,0,20,0"
    CornerRadius="6" 
    BorderBrush="#FFDCBF0A" 
    BorderThickness="4">
 
    <Button 
        x:Name="BtnNewGame" 
        FontSize="15"
        Height="35"
        FontFamily="/Géometrie-WPF;component/Resources/#Cursive standard"
        Background="#FFDCBF0A" 
        Click="BtnNewGame_Click"  
        Content="Nouvelle partie">
    </Button>
</Border>

A vrai dire je ne comprends pas d'ou cette barre sort... Car sur certain de mes boutons je n'ai pas ce probleme...

Une idée ?

[yonpo]

Il serait préférable de modifier le style du bouton plutôt que de l'entourer d'un Border.
As-tu appliqué un style au bouton ?

[Naografix]

Non je n'ai pas mis de style, tout le code pour mon bouton se trouve ici. Le seul moyen que j'ai trouvé pour faire un contour arrondi et de faire un border. Et sur les 3/4 de mes boutons cela fonctionne correctement !

[thefolin]

Pourquoi pas jouer sur la propriété BorderBrush du button. Voici un exemple.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

        <Button Name="GoGame" BorderBrush="Transparent" />

[champsy_dev]

Le mieux est quand même de créé un style que tu pourras réutiliser pour tout tes boutons arrondi, ci dessous un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
 
<Style x:Key="RoundCorner" 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}">
                <Grid x:Name="grid">
                    <Border x:Name="border" CornerRadius="8" BorderBrush="Black" BorderThickness="2">
                        <Border.Background>
                         <RadialGradientBrush GradientOrigin="0.496,1.052">
                            <RadialGradientBrush.RelativeTransform>
                              <TransformGroup>
                                <ScaleTransform CenterX="0.5" CenterY="0.5" 
                                   ScaleX="1.5" ScaleY="1.5"/>
                                <TranslateTransform X="0.02" Y="0.3"/>
                              </TransformGroup>
                            </RadialGradientBrush.RelativeTransform>
                            <GradientStop Offset="1" Color="#00000000"/>
                            <GradientStop Offset="0.3" Color="#FFFFFFFF"/>
                          </RadialGradientBrush>
                        </Border.Background>
                        <ContentPresenter HorizontalAlignment="Center"
                         VerticalAlignment="Center"
                         TextElement.FontWeight="Bold"></ContentPresenter>
                    </Border>
 
                    </Grid>
                    <ControlTemplate.Triggers>
 
                        <Trigger Property="IsPressed" Value="True">
                            <Setter Property="Background" TargetName="border">
                                <Setter.Value>
                                    <RadialGradientBrush GradientOrigin="0.496,1.052">
                                        <RadialGradientBrush.RelativeTransform>
                                            <TransformGroup>
                                                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.5" ScaleY="1.5"/>
                                                <TranslateTransform X="0.02" Y="0.3"/>
                                            </TransformGroup>
                                        </RadialGradientBrush.RelativeTransform>
                                        <GradientStop Color="#00000000" Offset="1"/>
                                        <GradientStop Color="#FF303030" Offset="0.3"/>
                                    </RadialGradientBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="BorderBrush" TargetName="border" Value="#FF33962B"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter Property="Opacity" TargetName="grid" Value="0.25"/>
                        </Trigger>
 
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
 
 
 
 
<Button Height="25" VerticalAlignment="Top" Content="Show" Width="100" Margin="5" Style="{DynamicResource RoundConrner}"/>