web-dev-qa-db-fra.com

Aligner la colonne de la grille à droite

J'ai une grille Windows Phone/XAML composée de 3 colonnes. En particulier, je souhaite que la troisième colonne soit alignée à l'extrême droite de l'écran.

<Grid Background="Transparent" Margin="0,3">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="Auto"/>
        </Grid.ColumnDefinitions>

    <Image Grid.Column="0" x:Name="Marker" Width="60" Height="60" VerticalAlignment="Center" Stretch="Uniform" HorizontalAlignment="Center"/>
    <TextBlock Grid.Column="1" x:Name="Name" TextAlignment="Left" VerticalAlignment="Center" Margin="20,0" />
    <Image Grid.Column="2" x:Name="Selected" Width="48" Height="48"  VerticalAlignment="Center" Stretch="Uniform" HorizontalAlignment="Center"/>
 </Grid>

Le résultat, à la place, est le suivant:

enter image description here

Quand ça devrait être comme ça:

enter image description here

wpfxamlwindows-phone-7grid
17
TheUnexpected

Comme vous l'avez mentionné en tant que ItemTemplate de ListBox, vous pouvez définir HorizontalContentAlignment sur Stretch.

    <ListBox>
        <ListBox.ItemContainerStyle>
            <Style TargetType="ListBoxItem">
                <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
            </Style>
        </ListBox.ItemContainerStyle>
    </ListBox>
21
Rohit Vats

Essayez avec ceci:

<Grid Background="Transparent" Margin="0,3">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
    <StackPanel Orientation="Horizontal">
        <Image x:Name="Selected" Width="48" Height="48"  VerticalAlignment="Center" Stretch="Uniform" HorizontalAlignment="Center"/>
        <TextBlock x:Name="Name" TextAlignment="Left" VerticalAlignment="Center" Margin="20,0" />
    </StackPanel>
    <Image Grid.Column="1" x:Name="Selected" Width="48" Height="48"  VerticalAlignment="Center" Stretch="Uniform" HorizontalAlignment="Right"/>
 </Grid>
2
har07

Essayez HorizontalAlignment="Stretch" dans la grille.

1
mrzli

J'ai eu le même problème et il a été corrigé après le retrait du stackpanel

0
Swapnil Karmalkar