如何最好地使用动态文本调整 XAML 大小

Question

在我正在开发的 Silverlight 界面中，我需要在容器调整大小时调整堆栈面板的大小，以防止其中的文本被截断。 相关文本是在运行时从语言文件添加的，具体取决于用户选择的语言。 由于不同语言之间字符串的长度可能有很大差异，我对如何最好地解决这个问题感到有点困惑。 这就是它的样子。

有问题的堆栈面板是彩色块和标签“驾驶”、“积极工作”、“可用性”和“休息”是长度可以改变的字符串。 XAML 当前看起来像这样。

<StackPanel x:Name="StatusTotals" Grid.Row="1" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,5,0,5">
  <Border x:Name="DrivingBorder" Background="#80FF0000" BorderBrush="Black" BorderThickness="1" Opacity="1" CornerRadius="5,0,0,5" Margin="0,0,-1,0">
    <StackPanel Orientation="Vertical" Margin="5,1" VerticalAlignment="Center">
      <TextBlock Text="Driving" Tag="dttlDriving" HorizontalAlignment="Center"/>
      <TextBlock x:Name="DrivingDuration" Text="00:00" HorizontalAlignment="Center"/>
    </StackPanel>
  </Border>
  <Border x:Name="ActiveWorkBorder" Background="#8000FFFF" BorderBrush="Black" BorderThickness="1" Opacity="1" Margin="0,0,-1,0">
    <StackPanel Orientation="Vertical" Margin="5,1" VerticalAlignment="Center">
      <TextBlock Text="ActiveWork" Tag="dttlActiveWork" HorizontalAlignment="Center"/>
      <TextBlock x:Name="ActiveWorkDuration" Text="00:00" HorizontalAlignment="Center"/>
    </StackPanel>
  </Border>
  <Border x:Name="AvailabilityBorder" Background="#80FFFF00" BorderBrush="Black" BorderThickness="1" Opacity="1" Margin="0,0,-1,0">
    <StackPanel Orientation="Vertical" Margin="5,1" VerticalAlignment="Center">
      <TextBlock Text="Availability" Tag="dttlAvailability" HorizontalAlignment="Center"/>
      <TextBlock x:Name="AvailabilityDuration" Text="00:00" HorizontalAlignment="Center"/>
    </StackPanel>
  </Border>
  <Border x:Name="BreakBorder" Background="#8000FF00" BorderBrush="Black" BorderThickness="1" Opacity="1" CornerRadius="0,5,5,0">
    <StackPanel Orientation="Vertical" Margin="5,1" VerticalAlignment="Center">
      <TextBlock Text="Break" Tag="dttlBreak" HorizontalAlignment="Center"/>
      <TextBlock x:Name="BreakDuration" Text="00:00" HorizontalAlignment="Center"/>
    </StackPanel>
  </Border>
</StackPanel>

我希望能够减小该面板的大小（如果它比上面绘制的标尺更宽），该标尺已经根据我的需要动态调整大小，但希望标签下方的值保持其原来的大小的可读性。

解决这个问题的最佳方法是什么？ 我考虑过设置标签的 FontSize 属性或使用 ScaleTransform，但我不确定其中哪一个是最好的方法。 有没有一种方法可以导出面板将采用的宽度，而无需实际更改字体大小，然后测试 ActualWidth？ 如果我能做到这一点，这项任务就会变得更容易。

Answer 1

我不确定我是否完全理解你的问题。

您的顶级父堆栈面板是否已被赋予 x 宽的限制，但由于标签的长度，它的子级要求总宽度大于此宽度？

在这种情况下，请查看将标签包装在 ViewBox 控件中（您可以在 Silverlight 工具箱库) 该控件将缩放其内容以占据可用的大小。