垂直文本框未全部填满 space - windows 8.1

Question

我有一个用于 Listview 中项目的数据模板，它有一堆行，有 4 列，并且在第一列我试图添加一个垂直显示的文本。到目前为止我有这个，文本显示为垂直但由于某种原因它显示在末端被切割。

    <DataTemplate x:Key="ActionItemTemplate">
    <Grid Height="150" HorizontalAlignment="Left"  >
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="60"/>
            <ColumnDefinition Width="470"/>
            <ColumnDefinition Width="470"/>
            <ColumnDefinition Width="100"/>
        </Grid.ColumnDefinitions>

        <Grid Grid.Column="0" Background="Tomato">
            <TextBlock Text="In Progress" RenderTransformOrigin="0.5,0.5" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center">
                <TextBlock.RenderTransform>
                    <RotateTransform Angle="-90" />
                </TextBlock.RenderTransform>
            </TextBlock>
        </Grid>

        <Grid Grid.Column="1" Background="Blue"></Grid>
        <Grid Grid.Column="2" Background="Green"></Grid>
        <Grid Grid.Column="3" Background="Yellow"></Grid>

    </Grid>
</DataTemplate>

我需要添加什么吗？

Answer 1

我用blend修改了你的代码，这是结果

这是代码：

      <Grid Grid.Column="0" Background="Tomato">
                <TextBlock Text="In Progress In Progress In Progress "  RenderTransformOrigin="0.5,0.5" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center" Height="19" Margin="-149.5,65.5,-155.5,65.5" UseLayoutRounding="False" d:LayoutRounding="Auto">
                        <TextBlock.RenderTransform>
                            <RotateTransform Angle="-90" />
                        </TextBlock.RenderTransform>
                    </TextBlock>
                </Grid>

你应该试试

垂直文本框未全部填满 space - windows 8.1

Vertical Textbox not filling all space - windows 8.1

xaml

textblock

windows-store-apps