2015-10-15 58 views
0

我有这个数据模板列表视图中的项目,它的一堆行,4列,并在第一列即时通讯尝试添加垂直显示的文本。到目前为止,我有这个,文字出现在垂直方向,但由于某种原因,它显示在两端切割。垂直文本框不填充所有空间 - Windows 8.1

<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> 

enter image description here

我是否需要补充?

回答

2

我用混合修改代码,这里是结果 enter image description here

这里是代码:

 <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> 

你应该尝试一下