TextBlock 环绕属性不起作用

Question

在下面的 XAML 中，我尝试包装绑定到“PortfolioCodes”和“CommentaryText”的 TextBlock，但似乎“Wrapping”不适用于 TextBlock。我尝试了在这个网站上找到的所有可能的建议，但都是徒劳。有人可以帮忙吗？

    <Grid>
    <ListBox ItemsSource="{Binding Path=Summaries}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Border CornerRadius="5" BorderBrush="LightGray" BorderThickness="1" Padding="4" Margin="4">
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                            <ColumnDefinition Width="15"></ColumnDefinition>
                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            </Grid.RowDefinitions>
                        <TextBlock Grid.Column="0" Grid.Row="0">No Of Security</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="0" Text="{Binding Path=PortfolioSecurityCount}"></TextBlock>

                        <TextBlock Grid.Column="0" Grid.Row="1">Portfolio Code(s)</TextBlock>
                        <Grid Grid.Column="2" Grid.Row="1" >
                            <TextBlock TextWrapping="Wrap" Text="{Binding Path=PortfolioCodes}"></TextBlock>
                        </Grid>

                        <TextBlock Grid.Column="0" Grid.Row="2">Commentary Text</TextBlock>
                        <Grid Grid.Column="2" Grid.Row="2" >
                            <TextBlock Grid.Column="2" Grid.Row="2" TextWrapping="Wrap"  Text="{Binding Path=CommentaryText}"></TextBlock>
                        </Grid>
                    </Grid>
                </Border>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

根据 Guge 的回复，我已将 xaml 更改如下，现在可以正常工作了。

    <Grid x:Name="LayoutRoot">
    <ListBox x:Name="SummaryListBox" ItemsSource="{Binding Path=Summaries}" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Border CornerRadius="5" BorderBrush="LightGray" BorderThickness="1" Padding="4" Margin="4">
                    <Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto"></ColumnDefinition>
                            <ColumnDefinition Width="15"></ColumnDefinition>
                            <ColumnDefinition Width="*"></ColumnDefinition>
                        </Grid.ColumnDefinitions>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            <RowDefinition Height="*"></RowDefinition>
                            </Grid.RowDefinitions>
                        <TextBlock Grid.Column="0" Grid.Row="0">No Of Security</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="0" Text="{Binding Path=PortfolioSecurityCount}"></TextBlock>

                        <TextBlock Grid.Column="0" Grid.Row="1">Portfolio Code(s)</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="1" TextWrapping="Wrap" Text="{Binding Path=PortfolioCodes}" ></TextBlock>

                        <TextBlock Grid.Column="0" Grid.Row="2">Commentary Text</TextBlock>
                        <TextBlock Grid.Column="2" Grid.Row="2" TextWrapping="Wrap"  Text="{Binding Path=CommentaryText}"></TextBlock>
                    </Grid>
                </Border>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Grid>

Answer 1

将第三个 ColumnDefinition 的宽度从“自动”更改为“*”，这样它只占用水平空间的剩余部分。

尝试解释这一点：
WPF 中的屏幕区域采用两遍算法进行分配。首先，每个视觉元素都会询问每个孩子需要多少空间，并指示有多少可用空间。这些孩子为他们的孩子做同样的事情。
然后，每个视觉元素都会告诉每个孩子他们实际上会得到多少。这些孩子再次为他们的孩子做同样的事情。

您的代码未能执行您想要的操作，因为 DataTemplate 中的网格告诉其第三列子级，他们可以在第一次运行中拥有他们想要的所有水平空间（“自动”）。然后这些文本框认为它们不必换行。因此，他们只是报告了所需的宽度和一行的高度。
在第二次运行中，网格发现“自动”比那些孩子们想要的要少一些。而且网格仍然只给了它们一行的高度，所以换行是不可能的。然后孩子们别无选择，只能截断文本。

当第三列宽度设置为“*”时，网格将告诉该列中的子级，在第一列获得“auto”且第二列获得 15 后还剩下多少水平像素。现在文本框可以弄清楚他们可能想要换行，然后他们报告说“好吧，爸爸，我会用那些微不足道的水平像素来凑合，但至少给我我想要的垂直像素”。垂直空间没有限制，因此他们可以得到展示所有精彩内容所需的一切。

Answer 2

尝试为您的 TextBlock 提供 width，默认情况下 TextBlock 占用所有可用空间并且不会换行文本