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> 

希望這有助於！