Discussion :

[hamzawhy]

Bonjour,

j'ai essayé d'appliquer le stretch à droite sur mes 3 boutons ,voici mon code:

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
 
 <CommandBar >
            <CommandBar.Content>
                    <StackPanel>
                         <Button  Height="49" Margin="0,0,-266,0" Width="43" HorizontalAlignment="Right" VerticalAlignment="Stretch">
                            <Button.Content>
                                <Image Source="images/home.png" Margin="-9,0.333,-9,-0.667"/>
                            </Button.Content>
                        </Button>
                    </StackPanel>
                    <StackPanel>
                        <Button  Height="49" Margin="0,0,-306,0" Width="43" HorizontalAlignment="Right" VerticalAlignment="Stretch">
                        <Image Source="images/search.png" Margin="-9,0,-8,-0.333"/>
                    </Button>
                    </StackPanel>
                    <StackPanel>
                        <Button  Height="49" Margin="0,0,-347,0" Width="42" HorizontalAlignment="Right" VerticalAlignment="Stretch">
                        <Image Source="images/profil.png" Margin="-9,0.333,-10,-0.333"/>
                    </Button>
                    </StackPanel>
                </Grid>
 
            </CommandBar.Content>
        </CommandBar>

voici le résultat que j'ai quand je teste l'application windows universelle avec mon ordinateur locale:



merci pour l'aide

[Fabiani]

hamzawhy,

Un peu flou, quand on parle de droite-gauche c'est horizontal, dans le code xaml tu modifies VerticalAlignment.
Un seul StackPanel est suffisant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
        <StackPanel Orientation="Horizontal">
            <Button  Height="50" Width="50" >
                <Button.Content>
                    <Image Source="images/home.png"/>
                </Button.Content>
            </Button>
            <Button  Height="50" Width="50" >
                <Image Source="images/search.png" />
            </Button>
            <Button  Height="50"  Width="50" >
                <Image Source="images/profil.png" />
            </Button>
        </StackPanel>

Ensuite si on veut le StackPanel à droite on modifie la CommandBar et HorizontalAlignment du StackPanel:

Code :

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

1
2
3
<CommandBar HorizontalContentAlignment="Stretch">
<StackPanel Orientation="Horizontal" HorizontalAlignment="Right">

Salutations.