Ширина столбца шаблона элемента списка XAML

Question

Я пытаюсь сделать размер столбца 2 автоматически доступным, но он не может обернуть TextBlock и превышает размер UserControl.

Если я укажу ширину в TextBlock, текст будет перенесен, но я хочу заполнить все доступное пространство в столбце 2.

<ListBox.ItemTemplate>
    <!--<DataTemplate></DataTemplate>-->
    <ItemContainerTemplate>  
        <Grid HorizontalAlignment="Stretch">
            <Grid.Resources>
                <Style TargetType="TextBlock"  >
                    <Setter Property="Foreground" Value="Yellow" />
                </Style>
            </Grid.Resources>
            <Grid.RowDefinitions>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition/>
                <RowDefinition Height="10"/>
                <RowDefinition/>
                <RowDefinition Height="30"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="90"/>
                <ColumnDefinition Width="10"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition Width="10"/>
                <ColumnDefinition Width="120"/>
            </Grid.ColumnDefinitions>
            <TextBlock Text="{Binding Path=Time}" FontSize="28"/>
            <TextBlock Text="{Binding Path=StationFromToName}" FontSize="28" Grid.Column="2"/>
            <TextBlock Text="{Binding Path=OnTimeStatus}" FontSize="28" Grid.Column="4" HorizontalAlignment="Right" />

            <StackPanel Grid.Row="1" Visibility="{Binding Path=ServiceType, Converter={StaticResource PlatformVisible}}" >
                <TextBlock Text="Platform" FontSize="18" HorizontalAlignment="Center"/>
                <TextBlock Text="{Binding Path=Platform}" FontSize="28" HorizontalAlignment="Center" VerticalAlignment="Top" />
            </StackPanel>

            <StackPanel Grid.Row="1" Visibility="{Binding Path=ServiceType, Converter={StaticResource TrainFerryVisible}}" >
                <TextBlock Text="{Binding Path=ServiceType}" FontSize="18" HorizontalAlignment="Center"/>
                <Image Source="{Binding Path=ServiceType, Converter={StaticResource ServiceType}}" Width="60" Stretch="Fill" />
            </StackPanel>

                <!--VerticalAlignment="Top" Grid.ColumnSpan="3"-->
            <WrapPanel x:Name="ScrollCanvas" Loaded="Feed_ScrollViewer_Loaded" Height="100" ClipToBounds="True" Grid.Row="1" Grid.Column="2" Grid.RowSpan="2" 
                Background="Aqua" >
                    <TextBlock FontSize="18"  TextWrapping="Wrap" TextAlignment="Justify" Background="Red">
                        <!--<TextBlock.Width>
                            <Binding Path="ActualWidth" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type StackPanel}}" />                                        
                        </TextBlock.Width>-->                                    

                    <Run Text="Calling At:" Foreground="#FFE3E3E3"/>
                    <Run Text="{Binding Path=CallingPoints}"/>
                </TextBlock>
            </WrapPanel>

            <TextBlock Text="Last Report:" FontSize="18" VerticalAlignment="Top" Grid.Row="4" Grid.ColumnSpan="2" Visibility="{Binding Path=DelayedReason, Converter={StaticResource DelayReason}}" />
            <TextBlock Text="{Binding Path=DelayedReason}" Visibility="{Binding Path=DelayedReason, Converter={StaticResource DelayReason}}" Grid.Column="2" FontSize="18" VerticalAlignment="Top" TextWrapping="Wrap" 
             Grid.Row="4" Grid.ColumnSpan="3" TextAlignment="Justify"/>
        </Grid>
    </ItemContainerTemplate> 
</ListBox.ItemTemplate>

Любая помощь будет великолепна, пожалуйста.

Answer 1

первым делом удалите WrapPanel. Он может упорядочивать несколько элементов, но не поможет обернуть текст в один TextBlock. Grid.Row="1" Grid.Column="2" Grid.RowSpan="2" переходит в TextBlock

<TextBlock FontSize="18" TextWrapping="Wrap" TextAlignment="Justify" 
           Grid.Row="1" Grid.Column="2" Grid.RowSpan="2"
           Background="Red">                              

    <Run Text="Calling At:" Foreground="#FFE3E3E3"/>
    <Run Text="{Binding Path=CallingPoints}"/>
</TextBlock>

Обтекание работает плохо, когда TextBlock может расти без ограничений, поэтому вместо <ColumnDefinition Width="Auto"/> сделайте это <ColumnDefinition Width="*"/>

и последний штрих - установить ScrollViewer.HorizontalScrollBarVisibility="Disabled" в ListBox, чтобы ограничить ширину Grid. В противном случае он может расти без ограничений внутри ScrollViewer, и перенос не происходит.