Zone de texte verticale ne remplissant pas tout l'espace - windows 8.1

Question

J'ai ce datatemplate pour les articles dans une Listview, c'est un groupe de rangées, avec 4 colonnes, et sur la première colonne j'essaie d'ajouter un texte affiché verticalement. Jusqu'ici j'ai ceci, le texte apparaît en vertical mais pour une raison quelconque il montre coupé dans les extrémités.

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

Ai-je besoin d'ajouter quoi que ce soit?

Answer 1

J'utilise un mélange de modifier votre code, voici le résultat

et voici le code:

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

vous devriez essayer