Aide à la programmation, réponses aux questions / Xaml / La bordure UWP n'utilisera pas d'espace maximum - xaml, chat, bordure, modèle de données, uwp-xaml

La bordure UWP n'utilisera pas l'espace maximal - xaml, chat, bordure, modèle de données, uwp-xaml

Me voici de nouveau ... J'ai un ListView qui charge les éléments et les imprime à l'écran. Tout va bien sauf que je ne peux pas vraiment faire fonctionner le XAML comme je le veux.

Le ListView génère le contenu conformément au DataTemplate qui est censé produire un affichage "de type chat".

    <DataTemplate x:Key="MessageListDataTemplate" x:DataType="disc:IMessage">
<Border Background="#2C2F33" BorderThickness="0,1,0,1" BorderBrush="Transparent" CornerRadius="5">
<StackPanel>
<StackPanel Orientation="Horizontal" Margin="5,2,0,0">
<TextBlock TextAlignment="Left" Text="{x:Bind Author,Mode=OneWay}" Foreground="White" FontSize="14"/>
<TextBlock TextAlignment="Left" Margin="5,3,0,0" Text="{x:Bind Timestamp,Mode=OneWay,Converter={StaticResource TimeToStringConverter}}" Foreground="LightGray" FontSize="10"/>
</StackPanel>
<TextBlock TextAlignment="Left" Margin="10,2,0,0" TextWrapping="WrapWholeWords" Text="{x:Bind Content, Mode=OneWay}" Foreground="#99AAB5" FontSize="20" />
</StackPanel>
</Border>
</DataTemplate>

Le code est fonctionnel et il génère ceci:

Au lieu d'avoir la taille du tableau en fonction de la taille du message, je voudrais qu'il soit égal à la taille de l'écran. J'ai essayé tout ce que je sais. Je vous remercie!

Réponses:

1 pour la réponse № 1

Essayez d'ajouter le style suivant pour ListView:

<ListView.ItemContainerStyle>
<Style TargetType="ListViewItem">
<Setter Property="HorizontalContentAlignment" Value="Stretch" />
</Style>
</ListView.ItemContainerStyle>