Boutons superposables et ancrés en largeur et hauteur

**WDKyle** · 11/10/2017, 23h44

Bonsoir,

Je cherche à faire ceci en WPF, ce que j'arrive à faire facilement sous Windev.

J'ai donc quelques boutons de 18px de largeur et 18px de hauteur, par contre pour ne pas avoir 2 fois une bordure entre 2 boutons, je les fais se chevaucher pour que cela soit plus esthétique hors une Grid ou Stackpanel n'a pas l'air d'autoriser cela...

Mon code XAML actuel :

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
 
<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="36*" />
        </Grid.ColumnDefinitions>
 
        <Button x:Name="A" Content="A" Grid.Column="0" />
        <Button x:Name="B" Content="B" Grid.Column="1" />
        <Button x:Name="C" Content="C" Grid.Column="2" />
        <Button x:Name="D" Content="D" Grid.Column="3" />
        <Button x:Name="E" Content="E" Grid.Column="4" />
        <Button x:Name="F" Content="F" Grid.Column="5" />
        <Button x:Name="G" Content="G" Grid.Column="6" />
        <Button x:Name="H" Content="H" Grid.Column="7" />
        <Button x:Name="I" Content="I" Grid.Column="8" />
        <Button x:Name="J" Content="J" Grid.Column="9" />
        <Button x:Name="K" Content="K" Grid.Column="10" />
        <Button x:Name="L" Content="L" Grid.Column="11" />
        <Button x:Name="M" Content="M" Grid.Column="12" />
        <Button x:Name="N" Content="N" Grid.Column="13" />
        <Button x:Name="O" Content="O" Grid.Column="14" />
        <Button x:Name="P" Content="P" Grid.Column="15" />
        <Button x:Name="Q" Content="Q" Grid.Column="16" />
        <Button x:Name="R" Content="R" Grid.Column="17" />
        <Button x:Name="S" Content="S" Grid.Column="18" />
        <Button x:Name="T" Content="T" Grid.Column="19" />
        <Button x:Name="U" Content="U" Grid.Column="20" />
        <Button x:Name="V" Content="V" Grid.Column="21" />
        <Button x:Name="W" Content="W" Grid.Column="22" />
        <Button x:Name="X" Content="X" Grid.Column="23" />
        <Button x:Name="Y" Content="Y" Grid.Column="24" />
        <Button x:Name="Z" Content="Z" Grid.Column="25" />
        <Button x:Name="TOUS" Content="Tous" Grid.Column="26" />
    </Grid>

Avez-vous une idée de comment arriver au même résultat que sous Windev ? (qui me parait bien moins évolué en gestion de contrôle que WPF...)

Merci.

**MABROUKI** · 12/10/2017, 15h12

bonjour

Des "margins" négatifs peuvent faire ton bonheur !!!
code exemple XAML :

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
 
<Window x:Class="WpfButtons.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="350" Width="525">
 
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <StackPanel Orientation="Horizontal" Grid.Column="0">
            <Button x:Name="A" Content="A" Grid.Column="0" Width="18"/>
            <Button x:Name="B" Content="B" Grid.Column="1" Width="18"/>
            <Button x:Name="C" Content="C" Grid.Column="2" Width="18"/>
        </StackPanel>
        <StackPanel Orientation="Horizontal" Grid.Column="1" >
            <Button x:Name="A1" Content="A" Grid.Column="0" Width="20" Margin="-2"/>
            <Button x:Name="B1" Content="B" Grid.Column="1" Width="20" Margin="-2"/>
            <Button x:Name="C1" Content="C" Grid.Column="2" Width="20" Margin="-2"/>
        </StackPanel> 
        </Grid> 
    </Window>

bon code...

**WDKyle** · 12/10/2017, 15h45

Super merci ! Cela fonctionne impeccable

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
 
<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="18*" />
            <ColumnDefinition Width="36*" />
        </Grid.ColumnDefinitions>
 
        <Button x:Name="A" Content="A" Grid.Column="0" Margin="0,0,0,0" />
        <Button x:Name="B" Content="B" Grid.Column="1" Margin="-1,0,0,0" />
        <Button x:Name="C" Content="C" Grid.Column="2" Margin="-1,0,0,0" />
        <Button x:Name="D" Content="D" Grid.Column="3" Margin="-1,0,0,0" />
        <Button x:Name="E" Content="E" Grid.Column="4" Margin="-1,0,0,0" />
        <Button x:Name="F" Content="F" Grid.Column="5" Margin="-1,0,0,0" />
        <Button x:Name="G" Content="G" Grid.Column="6" Margin="-1,0,0,0" />
        <Button x:Name="H" Content="H" Grid.Column="7" Margin="-1,0,0,0" />
        <Button x:Name="I" Content="I" Grid.Column="8" Margin="-1,0,0,0" />
        <Button x:Name="J" Content="J" Grid.Column="9" Margin="-1,0,0,0" />
        <Button x:Name="K" Content="K" Grid.Column="10" Margin="-1,0,0,0" />
        <Button x:Name="L" Content="L" Grid.Column="11" Margin="-1,0,0,0" />
        <Button x:Name="M" Content="M" Grid.Column="12" Margin="-1,0,0,0" />
        <Button x:Name="N" Content="N" Grid.Column="13" Margin="-1,0,0,0" />
        <Button x:Name="O" Content="O" Grid.Column="14" Margin="-1,0,0,0" />
        <Button x:Name="P" Content="P" Grid.Column="15" Margin="-1,0,0,0" />
        <Button x:Name="Q" Content="Q" Grid.Column="16" Margin="-1,0,0,0" />
        <Button x:Name="R" Content="R" Grid.Column="17" Margin="-1,0,0,0" />
        <Button x:Name="S" Content="S" Grid.Column="18" Margin="-1,0,0,0" />
        <Button x:Name="T" Content="T" Grid.Column="19" Margin="-1,0,0,0" />
        <Button x:Name="U" Content="U" Grid.Column="20" Margin="-1,0,0,0" />
        <Button x:Name="V" Content="V" Grid.Column="21" Margin="-1,0,0,0" />
        <Button x:Name="W" Content="W" Grid.Column="22" Margin="-1,0,0,0" />
        <Button x:Name="X" Content="X" Grid.Column="23" Margin="-1,0,0,0" />
        <Button x:Name="Y" Content="Y" Grid.Column="24" Margin="-1,0,0,0" />
        <Button x:Name="Z" Content="Z" Grid.Column="25" Margin="-1,0,0,0" />
        <Button x:Name="TOUS" Content="Tous" Grid.Column="26" Margin="-1,0,0,0" />
    </Grid>

Boutons superposables et ancrés en largeur et hauteur [Débutant]

Windows Presentation Foundation

Discussions similaires

Partager

Partager