Discussion :

[Loenix]

Bonjour à tous,

Voila, je bloque sur un petit problème de taille, je souhaite ajouter un content spécial à mon bouton, dans ce cas : un texte et une ou plusieurs images, mais voila, mon image doit se situer tout à gauche du bouton.

Actuellement, la grid situé dans le content prend la taille de son contenu (image + texte) alors que j'aimerais qu'il prenne toute la taille du bouton et ainsi que mon text soit centré et mon image collé à gauche.

Code :

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

1
2
3
4
5
6
7
8
<Button Margin="0 16 0 0" Width="Auto">
            <Button.Content>
                <Grid HorizontalAlignment="Stretch" Background="#ff00ff">
                    <Image Source="Images/actualiser.png" Stretch="None" HorizontalAlignment="Left" />
                    <TextBlock TextWrapping="Wrap" Text="Loenix" VerticalAlignment="Center" Margin="1,10,0,10" HorizontalAlignment="Center" />
                </Grid>
            </Button.Content>
        </Button>

Si vous avez des questions, je reste à votre disposition et je tiens si possible à ce que la configuration reste côté XAML (pas de code C#).

Merci à tous d'avance.

[Rainui]

Bonjour,
Vous pouvez découper votre grille en définissant deux colonnes :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<Button>
    <Button.Content>
        <Grid Background="#ff00ff">
	    <Grid.ColumnDefinitions>
		<ColumnDefinition Width="*"/>
		<ColumnDefinition Width="Auto"/>
	    </Grid.ColumnDefinitions>
	    <Image Grid.Column="0" Source="Images/actualiser.png" Stretch="None"/>
            <Label Grid.Column="1" Content="Loenix" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" />
	</Grid>
    </Button.Content>
</Button>

[Loenix]

Re bonjour,

Merci de votre réponse, toutefois j'y avais pensé mais cela ne résoud pas le problème étant donné que c'est la Grid qui ne s'étend pas dans le content du bouton.

Globalement, j'ai un stackpanel et dedans des boutons, les boutons prennent bien la taille de la fenetre (du stack) mais le content non (c'est pour sa que j'ai mis un background à la grid, pour voir jusqu'ou elle s'étent).

Voila tout le code, rien de plus :

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
    <StackPanel Orientation="Vertical">
        <Button Content="Synchronier" Click="Button_Click_1" HorizontalContentAlignment="Center" VerticalAlignment="Top">
 
        <Button>
            <Button.Content>
                <Grid Background="#ff00ff">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <Image Grid.Column="0" Source="Images/actualiser.png" Stretch="None"/>
                    <Label Grid.Column="1" Content="Loenix" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" />
                </Grid>
            </Button.Content>
        </Button>
 
    </StackPanel>
</UserControl>

Merci quand même =), j'espère que j'ai été clair dans mes propos. En gros que le background de la grid prennent tout le bouton (sa résoudrait mon problème ^^)

[Rainui]

Bonsoir,
Je n'avais pas tout bien compris

Essayez avec :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<Button VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch">
    <Button.Content>
        <Grid Background="#ff00ff">
	    <Grid.ColumnDefinitions>
		<ColumnDefinition Width="*"/>
		<ColumnDefinition Width="Auto"/>
	    </Grid.ColumnDefinitions>
	    <Image Grid.Column="0" Source="Images/actualiser.png" Stretch="None"/>
	    <Label Grid.Column="1" Content="Loenix" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" />
	</Grid>
    </Button.Content>
</Button>

[Loenix]

Bonjour,

Merci beaucoup de votre réponse, je dirais pas que sa a completement résolu mon problème mais en même temps je me suis rendu compte que je n'avais pas donné toutes les informations.

Votre réponse ma orienté sur le : VerticalContentAlignment="Stretch" HorizontalContentAlignment="Stretch"

En réalité, j'avais fais un style particulier pour les boutons, et mon HorizontalContentAlignment etait en center, sauf que les styles sont appliqués après les propriétés initiales, donc j'avais beau mettre HorizontalContentAlignment="Stretch" en property, il gardait la valeur "Center".

En tout cas, merci de votre aide et résolu

Have a nice week everybody