1. #1
    Membre éclairé Avatar de WDKyle
    Homme Profil pro
    Analyste-Programmeur
    Inscrit en
    septembre 2008
    Messages
    1 103
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyste-Programmeur

    Informations forums :
    Inscription : septembre 2008
    Messages : 1 103
    Points : 790
    Points
    790

    Par défaut Boutons superposables et ancrés en largeur et hauteur

    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.
    Un Gone parmi les Gones

  2. #2
    Membre expert
    Inscrit en
    avril 2008
    Messages
    1 972
    Détails du profil
    Informations personnelles :
    Âge : 57

    Informations forums :
    Inscription : avril 2008
    Messages : 1 972
    Points : 3 387
    Points
    3 387

    Par défaut

    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...

  3. #3
    Membre éclairé Avatar de WDKyle
    Homme Profil pro
    Analyste-Programmeur
    Inscrit en
    septembre 2008
    Messages
    1 103
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyste-Programmeur

    Informations forums :
    Inscription : septembre 2008
    Messages : 1 103
    Points : 790
    Points
    790

    Par défaut

    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>
    Un Gone parmi les Gones

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Largeur et hauteur de la zone "visibile" de l'écran
    Par Sephiroth Lune dans le forum JavaScript
    Réponses: 2
    Dernier message: 14/03/2009, 09h53
  2. Définitions usuelles de la largeur et hauteur d'une mise en page
    Par Invité dans le forum Webdesign & Ergonomie
    Réponses: 1
    Dernier message: 15/12/2008, 05h06
  3. Largeur à mi-hauteur
    Par lam77 dans le forum Signal
    Réponses: 2
    Dernier message: 11/01/2008, 17h04
  4. besoin d'aide pour "fixer" largeur et hauteur cellules
    Par crazy100 dans le forum Dreamweaver
    Réponses: 1
    Dernier message: 21/08/2007, 17h28
  5. largeur et hauteur de photo de façon intuitive
    Par hugo69 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 12/09/2005, 18h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo