How to make the text's fontsize auto fit its container?-CodePudding

In my Wpf prroject, a TextBlock is used to show app title. And to support multiple languages, the text is associated with a resource.

While the TextBlock's parent UI container's size is fixed. And for different language, the app title's size might differ a lot.

In below code the font size of the Text is fixed to 20, that will cause UI problem when in some language. How to make the font size auto fit? Any idea?

<Border Grid.Row="0" Grid.ColumnSpan="2" BorderThickness="1" BorderBrush="{DynamicResource OCR.OCRWindow.TitleBorder}">
    <Grid Name="OCRTitleBar" Background="{DynamicResource OCR.OCRWindow.TitleBar}">
        <TextBlock Text="{x:Static prop:Resources.AppTitle}" FontSize="20" Foreground="White"
               HorizontalAlignment="Left" VerticalAlignment="Center" Margin="24,0,0,0"/>

CodePudding user response：

Maybe wrapping the TextBlock inside a ViewBox scales the FontSize correctly

<Viewbox Stretch="Uniform">
       <TextBlock Text="{x:Static prop:Resources.AppTitle}" FontSize="20" Foreground="White" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="24,0,0,0"/>
</Viewbox>

There is a msdn article about setting up different stretch properties How to: Apply Stretch Properties to the Contents of a Viewbox