网格上的 TextBlock 换行 (UWP)答案

【问题标题】：TextBlock wrapping on Grid (UWP)网格上的 TextBlock 换行 (UWP)
【发布时间】：2016-07-25 10:30:20
【问题描述】：

对此进行了一些研究，但未能解决：

我有一个GridView，这里是它的所有代码：

<GridView Name="NewsGrid" IsItemClickEnabled="True" ItemClick="NewsGrid_ItemClick">
    <GridView.ItemTemplate>
            <DataTemplate x:DataType="data:News">
                <Grid Height="Auto" Margin="0" Width="440">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Image Source="{x:Bind Image}"
                        HorizontalAlignment="Center" 
                        Stretch="UniformToFill"
                        Margin="5"
                        Height="247"
                        Width="440"/>
                    <TextBlock Text="{x:Bind Body}"
                           Foreground="SteelBlue"
                           Grid.Row="1"
                           Height="Auto"
                           HorizontalAlignment="Stretch"
                           Width="440"
                           Margin="5 0 5 0"/>
                </Grid>
            </DataTemplate>
    </GridView.ItemTemplate>
</GridView>

如果文本长度超过 440 像素，我想要完成的是让 TextBlock 换行。上面的代码没有做到这一点。为了给你一些视觉效果，下面是上面代码的结果：

所以最后一个词是“通过”并询问您是否可以看到它一直在继续。我只是想让它在下面分成新的一行。我怎样才能做到这一点？我也尝试将我的Grid 换成StackPanel，但结果是一样的。

更新 1 将TextWrapping="Wrap" 添加到我的TextBlock，视觉结果是这样的：

最后一个词不再出现，甚至不在同一行。

【问题讨论】：

标签： wpf xaml uwp

【解决方案1】：

将TextWrapping="Wrap" 添加到您的TextBlock。

还有！对于行的定义，这必须发生：

<Grid.RowDefinitions>
    <RowDefinition Height="*"/>
    <RowDefinition Height="Auto"/>
</Grid.RowDefinitions>

【讨论】：

您可以看到“Pass”不再显示在行上，这意味着包装工作。问题是您的 TextBlock 上没有足够的垂直空间。
对，但Height="Auto" 没有解决这个问题吗？是父母Grid 的问题吗？因为我也有Height="Auto" 为父Grid。
你有<RowDefinition Height="*"/>。尝试将其设置为自动。 TextBlock 上的Height=Auto 是多余的。
我明白了！我不得不将RowDefinitions 上的Heights 换掉
用那个更新了答案