为什么Textblock没有最大化

Question

有一个带有网格和三列的简单页面。在左侧和右侧需要垂直文本。为什么 Textblock 中的文本没有自动缩放和最大化以在视图框中可用 space？。只有当我旋转时才会发生这种情况。

<Grid Background="White">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="5*" />
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>

    <Viewbox Grid.Column="0" >
        <TextBlock Text="ABC"  
                   VerticalAlignment="Center"
                   HorizontalAlignment="Center"
                   TextAlignment="Center"
                   Foreground="Red"
                   Padding="0" Margin="0"
                   RenderTransformOrigin="0.5,0.5">
            <TextBlock.RenderTransform>
                <RotateTransform Angle="-90"/>
            </TextBlock.RenderTransform>
        </TextBlock>
    </Viewbox>

    <Canvas Grid.Column="1" Background="DarkBlue"/>

    <Viewbox Grid.Column="2">
        <TextBlock Text="ABC abc ABC abc"
            VerticalAlignment="Center"
                   HorizontalAlignment="Center"
                   TextAlignment="Center"
                   Foreground="Red"
                   Padding="0" Margin="0"
                   RenderTransformOrigin="0.5,0.5">

            <TextBlock.RenderTransform>
                <RotateTransform Angle="90"/>
            </TextBlock.RenderTransform>
        </TextBlock>
    </Viewbox>

</Grid>

我做错了什么？

Answer 1

首先我尝试了，但这对 UWP 无效。但是我找到了解决方案

为什么Textblock没有最大化

Why is Textblock not maximized

c#

xaml

uwp

uwp-xaml