UWP 边框不会使用最大值 space

Question

我又来了... 我有一个 ListView，它加载项目并将它们打印在屏幕上。一切都很好，除了我无法真正让 XAML 像我想要的那样工作。

ListView根据DataTemplate输出内容，应该输出"chat-like"显示。

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

代码可以正常运行并输出：

我希望它与屏幕大小相等，而不是根据消息的大小来调整板的大小。我已经尝试了我所知道的一切。谢谢！

Answer 1

尝试为 ListView 添加以下样式：

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

UWP 边框不会使用最大值 space

UWP border wont use maximum space

xaml

chat

border

datatemplate

uwp-xaml