XAML TextBlock：如何使TextBlock具有可变高度？

Question

我有一个包含 TextBlock 的列表框。

有时 TextBlock 的内容太长，我希望该条目的高度根据需要增加一倍或三倍以容纳文本。

我尝试了 TextWrapping="Wrap" 但它不起作用。每个 TextBlock 的高度仍然只有一行。

有没有一种简单的方法可以解决 XAML 中的问题？谢谢。

*附加信息：我试图简化问题，但也许完整的场景更好。

1. 我有一个列表框，其条目根据下面代码中的模板显示。
2. 每个条目都有 2 条信息：产品价格和产品名称。
3. 我不想在列表框中使用水平滚动条，并且希望产品名称在必要时显示在 2 行或更多行中。产品名称为 2nd TextBlock。

这是我的 XAML：

<ListBox Name="listBox1" ItemsSource="{Binding}" Margin="10" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <StackPanel Orientation="Horizontal">
                    <TextBlock MinWidth="40"  TextAlignment="Right" Text = "{Binding ProductPrice}" />


                    <TextBlock Text = "{Binding ProductName}" TextWrapping="Wrap" />

                </StackPanel>
            </DataTemplate>
        </ListBox.ItemTemplate>

    </ListBox>

Answer 1

禁用列表框水平scrollViewer。这样 textBlock 将被强制换行。

XAML：

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled">
      <TextBlock TextWrapping="Wrap"/>
</ListBox>

示例结果：

编辑：

从您添加的 XAML 中，我是确信问题出在 StackPanel 上。
尝试用 Grid 替换它，例如：

    <ListBox Name="listBox1" ItemsSource="{Binding}" Margin="10" ScrollViewer.HorizontalScrollBarVisibility="Disabled">
            <ListBox.ItemTemplate>
                <DataTemplate>
                   <Grid>
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="*"/>
                         <ColumnDefinition Width="*"/>
                     </Grid.ColumnDefinitions>
                        <TextBlock MinWidth="40"  TextAlignment="Right" Text = "{Binding ProductPrice}" />


                        <TextBlock Grid.Column="1" Text = "{Binding ProductName}" TextWrapping="Wrap" />

                    </Grid>
                </DataTemplate>
            </ListBox.ItemTemplate>

        </ListBox>

StackPanel 不限制内容大小，因此 textBlock 不知道空间在哪里结束，并且包装不会发生。

Answer 2

您正在使用StackPanel。尝试使用DockPanel：

<DockPanel>
 <TextBlock  DockPanel.Dock="Left" MinWidth ="40"  TextAlignment="Right" Text = "11.12" />
 <TextBlock Text = "{Binding LongText}" DockPanel.Dock="Right" TextWrapping="Wrap" />
</DockPanel>

例如：

Answer 3

这会帮助你做到这一点。不要调整 TextBlock 的大小，只需调整滚动查看器的大小，因为 texblock 需要可变，因此 ScrollViewer 一旦超过 的大小，就会应用 Scrollbar >ScrollViewer 。

<ScrollViewer HorizontalScrollBarVisibility="Auto" 
     VerticalScrollBarVisibility="Auto">
  <TextBlock/>
 </ScrollViewer>

对于列表框项目

<ListBox ScrollViewer.HorizontalScrollBarVisibility="Disabled">
        <ListBox.Items>
            <TextBlock Text="{Binding LongText}" TextWrapping="Wrap"/>
        </ListBox.Items>
    </ListBox>