如何包装在GridView的文本 - Windows应用商店的应用程序

Question

我使用grid view control的显示数据，

问题是，我的一些文字很长，而且不翘曲correctlly

XAML是这样的：

<GridView x:Name="itemGridView" Grid.Row="2" Margin="30,20,0,0" AutomationProperties.AutomationId="ItemsGridView" AutomationProperties.Name="Items" TabIndex="1" Grid.RowSpan="2" ItemsSource="{Binding EquipBookingCollection}" ItemTemplate="{StaticResource Standard250x250ItemTemplate}" SelectionMode="None" IsSwipeEnabled="false" IsItemClickEnabled="True" ItemClick="ItemView_ItemClick"/> 

和ItemTemplate中是这样的：

<DataTemplate x:Key="Standard250x250ItemTemplate"> 
     <Grid HorizontalAlignment="Left"> 
      <StackPanel Margin="5"> 
       <StackPanel Orientation="Horizontal" Margin="3,0"> 
        <TextBlock Text="Start Time : " Style="{StaticResource TitleTextStyle}"></TextBlock> 
        <TextBlock Text="{Binding BookedFromDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/> 
       </StackPanel> 

       <StackPanel Orientation="Horizontal" Margin="3,0"> 
        <TextBlock Text="Finish Time: " Style="{StaticResource TitleTextStyle}" ></TextBlock> 
        <TextBlock Text="{Binding BookedToDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/> 
       </StackPanel> 

       <StackPanel Orientation="Horizontal" Margin="3,0"> 
        <TextBlock Text="Task Address : " Style="{StaticResource TitleTextStyle}" ></TextBlock> 
        <TextBlock Text="{Binding TaskAddress}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/> 
       </StackPanel> 

       <StackPanel Orientation="Horizontal" Margin="3,0"> 
        <TextBlock Text="Task Description : " Style="{StaticResource TitleTextStyle}" ></TextBlock> 
        <TextBlock Text="{Binding TaskDescription}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/> 
       </StackPanel> 

       <StackPanel Orientation="Horizontal" Margin="3,0"> 
        <TextBlock Text="Client Company : " Style="{StaticResource TitleTextStyle}" ></TextBlock> 
        <TextBlock Text="{Binding ClientCompany}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0"/> 
       </StackPanel> 

       <StackPanel Orientation="Horizontal" Margin="3,0"> 
        <TextBlock Text="Status Name : " Style="{StaticResource TitleTextStyle}" ></TextBlock> 
        <TextBlock Text="{Binding Status.Description}" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0" Foreground="Red"/> 
       </StackPanel> 

      </StackPanel> 
     </Grid> 
    </DataTemplate> 

请帮助我，谢谢

Answer 1

这是一个相关的问题TextBlock TextWrapping not wrapping inside StackPanel

总之，你要停止使用StackPanel控件，并使用更好的网格控件来代替。

Answer 2

设置文本块

<TextBlock Text="{Binding BookedFromDteTme }" TextWrapping="Wrap" Style="{StaticResource SubtitleTextStyle}" Margin="4,0,0,0" Width = "200"/> 

Answer 3

的宽度属性，而不是StackPanel中，你可以使用WrapPanel

 </WrapPanel>