Silverlight for Windows Phone中的文字环绕问题

Question

我在Windows Phone 7的应用程序列表框中列出了一个推文。我遇到的问题是推文的文本被切断列表框，而不是蔓延到这样一个新的生产线的边缘：

列表框，工作正常全景里面。这是我的代码：

<ListBox x:Name="cheapyListBox" Height="500" HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Top" Width="400" ScrollViewer.VerticalScrollBarVisibility="Hidden" HorizontalContentAlignment="Left" > 
    <ListBox.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal" Height="132" Tap="Message_OnTap"> 
       <Image Source="{Binding ImageSource}" Height="73" Width="73" VerticalAlignment="Top" Margin="0,10,8,0"/> 
       <StackPanel Width="Auto"> 
        <!--<TextBlock Text="{Binding UserName}" FontSize="28" Margin="12,0,0,0" /> --> 
        <TextBlock Text="{Binding Message}" TextWrapping="Wrap" FontSize="24" /> 
        <TextBlock Text="{Binding Date}" TextWrapping="Wrap" FontSize="20" /> 
       </StackPanel> 
      </StackPanel> 
     </DataTemplate> 
    </ListBox.ItemTemplate> 
</ListBox> 

我怎样才能让tweet文字环绕而不是被切断？谢谢。

Answer 1

由于您的内层StackPanel嵌套在水平的Stackpanel中，因此它没有深度限制，所以随着文本变得更长，TextBlocks会无限扩展。

有很多方法可以解决这个问题，但是一个简单的方法（如果您知道所需的宽度）就是将内部StackPanel的宽度设置为有限数量。

例如：

<ListBox x:Name="cheapyListBox" Height="500" HorizontalAlignment="Left" Margin="0,0,0,0" VerticalAlignment="Top" Width="400" ScrollViewer.VerticalScrollBarVisibility="Hidden" HorizontalContentAlignment="Left" > 

     <ListBox.ItemTemplate> 
      <DataTemplate> 
       <StackPanel Orientation="Horizontal" Height="132" Tap="Message_OnTap"> 
        <Image Source="{Binding ImageSource}" Height="73" Width="73" VerticalAlignment="Top" Margin="0,10,8,0"/> 
        <StackPanel Width="400"> 
         <!--<TextBlock Text="{Binding UserName}" FontSize="28" Margin="12,0,0,0" /> --> 
         <TextBlock Text="{Binding Message}" TextWrapping="Wrap" FontSize="24" /> 
         <TextBlock Text="{Binding Date}" TextWrapping="Wrap" FontSize="20" /> 
        </StackPanel> 
       </StackPanel> 
      </DataTemplate> 
     </ListBox.ItemTemplate> 
    </ListBox> 

希望这有助于！