Question

我有一个基于Panorama控件的应用程序。点击其中一个全景控件的页面（标签）上的项目会转到详细信息页面。在该详细信息页面上，我有下面的XAML呈现项目内容。如您所见，电话：PanoramaItem.Header 元素中的 StackPanel 托管了 TextBlock 。我希望该元素中的文本 wrap TextBlock 在视图模型中绑定的视频标题。我将 TextWrapping 设置为换行，并为其指定了固定宽度，因此 TextBlock 不会增长/扩展（因此不会包裹）。文本确实换行，但有些行仍然会被剪切，其中一些单词显示为“cut off”。我的XAML出了什么问题？

我读到了使用 DockPanel 代替：

TextBlock Wrapping in WPF Layout

但是这个应用程序在很多不同的页面上使用了 StackPanel ，所以如果我坚持使用 StackPanel ，我会更喜欢它。

<Grid x:Name="LayoutRoot">
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"/>
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid Grid.Row="0" Visibility="{Binding IsInternetAvailable}" Background="{StaticResource PhoneAccentBrush}" Height="30">
        <TextBlock Text="{Binding Path=LocalizedResources.NoConnection, Source={StaticResource LocalizedStrings}}" Margin="10, 0"/>
    </Grid>
    <phone:Panorama x:Name="PanoramaFavorites_DetailVideos" Grid.Row="2" Foreground="{StaticResource CustomApplicationTextBrush}" Background="{StaticResource CustomApplicationBackgroundImage}" SelectionChanged="panoramaFavorites_DetailVideos_SelectionChanged">
        <phone:Panorama.Title>
            <StackPanel Orientation="Horizontal" Margin="0,15,0,0">
                <Image Height="85" Width="85" Source="http://appstudiodata.blob.core.windows.net/apps/1383/db936107-bce6-41a2-9d95-1d342f66c6bb/res/Logo-b3883645-a6cd-4cc8-82be-97c87a266656.png" Stretch="Uniform" VerticalAlignment="Bottom" HorizontalAlignment="Left" Margin="5,0,10,5" RenderTransformOrigin="0.5,0.5" />
                <TextBlock FontSize="92" Text="Robot Videos" FontFamily="Segoe WP Light" Foreground="{StaticResource CustomTitleApplicationTextBrush}" VerticalAlignment="Stretch"/>
            </StackPanel>
        </phone:Panorama.Title>
        <phone:PanoramaItem x:Name="PanoramaFavorites_DetailVideos0" Margin="0,0,0,25">
            <phone:PanoramaItem.Header>
                <StackPanel Orientation="Horizontal" Margin="0,7,0,0">
                    <TextBlock Text="{Binding CurrentYouTubeVideo.Title, Converter={StaticResource SanitizeString}}" Foreground="{StaticResource CustomApplicationTextBrush}" FontSize="36" TextWrapping="Wrap" Width="440" Height="170"/>
                </StackPanel>
            </phone:PanoramaItem.Header>
            <ctl:FlipControl NextElementCommand="{Binding NextpanoramaFavorites_DetailVideos0}" PreviousElementCommand="{Binding PreviouspanoramaFavorites_DetailVideos0}" ShowPreviousButton="{Binding HasPreviouspanoramaFavorites_DetailVideos0}" ShowNextButton="{Binding HasNextpanoramaFavorites_DetailVideos0}">
                <ctl:FlipControl.InnerContent>
            <Grid Margin="10,5,5,5">    
                <ScrollViewer>
                        <ctl:YouTubePlayer Margin="0,10" MaxHeight="250" VerticalAlignment="Top" VideoId="{Binding CurrentYouTubeVideo.VideoId, TargetNullValue={StaticResource DefaultNoImageValue}}"/>
                </ScrollViewer>
            </Grid>
                </ctl:FlipControl.InnerContent>
            </ctl:FlipControl>
        </phone:PanoramaItem>
    </phone:Panorama>
</Grid>

Answer 1

根据您的意见，这对我有用：

<StackPanel Orientation="Vertical" Margin="0,7,0,0">
    <TextBlock Text="{Binding CurrentYouTubeVideo.Title, Converter={StaticResource SanitizeString}}" 
               Foreground="{StaticResource CustomApplicationTextBrush}" 
               FontSize="36" 
               TextWrapping="Wrap" 
               MaxWidth="440"/>
</StackPanel>

Windows Phone 8 - StackPanel中的TextBlock没有正确包装文本？

1 个答案: