可滚动文本块大小恰好为 2 行高

Question

我需要显示文本 - 最多 -2 行 - 没有可见的垂直滚动，然后在大于 2 行时显示滚动：

<Border BorderBrush="Black" BorderThickness="1" Grid.Row="1" Grid.ColumnSpan="2">
    <ScrollViewer VerticalScrollBarVisibility="Auto" MaxHeight="40">
        <TextBlock Text="{Binding RoadsString}" Style="{StaticResource WrapTextStyle}"/>
    </ScrollViewer>
</Border>

我可以尝试 MaxHeight 值，直到它看起来正确 - 但我更喜欢它容纳任何内容字体是指定的并且......精确。最好在 XAML 中。

我可以将 MaxHeight 绑定到字体大小吗？或者也许有一个我还没有找到的 TextBlock 属性。

谢谢， 担

Answer 1

只读无边框文本框可以作为文本块使用吗？

<TextBox MinLines="2" MaxLines="2" IsReadOnly="True" BorderThickness="0"
VerticalScrollBarVisibility="Auto" Width="200" VerticalAlignment="Top" />

MinLines 和 MaxLines 将限制文本框始终只有两行（除非显式设置 Height - 如果在 TextBox 上显式设置 Height 属性，则忽略 MaxLines 和 MinLines 属性值）。

我发现这种方法的一个问题是文本框的文本不会与其他文本块左对齐（如果您将它们放置在网格的同一列中）。

编辑：刚刚注意到您实际上想要文本块的边框。为此，您可以去掉 BorderThickness="0" 部分。

Answer 2

一种更简单的解决方案（无需在值转换器中测量字符串并计算边距、填充等）是制作一个隐藏的（未折叠的）TextBlock，它只包含您想要的行数，并且将其 ActualHeight 绑定到可见 TextBlock 的 MaxHeight。用作度量的不可见 TextBlock 必须将其 Visibility 设置为 Hidden，以便它仍然是布局计算的一部分，即使它不是显示（Collapsed 将导致它完全消失）。

这是一个演示，您可以将其放入新项目中以查看其工作原理（我使用 4 行来使滚动条更易于使用）。

这部分替换了 Window 内的默认 Grid：

<Grid TextElement.FontSize="12">
    <TextBlock Name="limiter"
               HorizontalAlignment="Left"
               VerticalAlignment="Top"
               Width="100"
               Visibility="Hidden"
               Background="Gray">
    </TextBlock>
    <ScrollViewer MaxHeight="{Binding ElementName=limiter, Path=ActualHeight}"
                  Margin="40,0"
                  VerticalAlignment="Top"
                  HorizontalAlignment="Stretch"
                  Background="LightGray"
                  VerticalScrollBarVisibility="Auto">
        <TextBlock Name="vis" />
    </ScrollViewer>
    <Button Name="AddLine"
            Padding="8"
            VerticalAlignment="Bottom"
            HorizontalAlignment="Center"
            Click="AddLine_Click">Add A Line</Button>
</Grid>

在 Window 的构造函数中，我将所需的行数添加到隐藏的 >TextBlock（您还可以在 XAML 中使用 Run 和 LineBreak 元素）：

var limitString = "AgjZ";
limitString = limitString + Environment.NewLine + limitString + Environment.NewLine + limitString + Environment.NewLine + limitString;
limiter.Text = limitString;

Button 的 AddLine_Click< /code> handler 看起来像这样，所以你可以看到效果不同的行数：

private int counter = 0;
private void AddLine_Click( object sender, RoutedEventArgs e ) {
    var newline = string.Empty;
    if ( !string.IsNullOrWhiteSpace( vis.Text ) )
        newline = Environment.NewLine;
    vis.Text += string.Format( newline + "This is line #{0}.", ++counter );
}

请记住，隐藏的 TextBlock 需要与您要显示的范围几乎相同，以便它继承 FontSize 和其他与字体相关的内容价值观。如果在 ScrollViewer 或可见的 TextBlock 上设置了任何内容，它也需要在隐藏的 TextBlock 上进行设置。您还可以使用绑定来确保隐藏的样式与可见的样式相同。