textblock в пользовательском контроле TextWrapping not wrapping

Question

Я создал пользовательский элемент управления с помощью текстового блока. Но это не обернется. Эти пользовательские серверы управления являются списком. Шаблон

<Grid x:Name="MainGrid" Height="Auto" Width="Auto"> 

    <StackPanel Orientation="Horizontal"> 


     <Image Height="50" Width="100" Stretch="Uniform" Name="image1" Source="{Binding Path=VideoImageUrl}" Margin="12,12,13,84" MouseLeftButtonDown="image1_MouseLeftButtonDown" MouseEnter="image1_MouseEnter" MouseLeave="image1_MouseLeave" /> 

      <StackPanel Orientation="Vertical" > 


      <TextBlock TextWrapping="Wrap" Height="Auto" HorizontalAlignment="Left" Name="titleTextBox" 
        Text="{Binding Path=Title, Mode=TwoWay, ValidatesOnExceptions=true, NotifyOnValidationError=true}" 
        VerticalAlignment="Center" Width="Auto" FontSize="14" FontWeight="SemiBold" /> 
      <StackPanel Orientation="Vertical" x:Name="StackPanelDetails"> 

        <TextBlock Height="Auto" HorizontalAlignment="Left" Name="desciptionTextBox" 
           TextWrapping="Wrap" 
        Text="{Binding Path=Desciption, Mode=OneWay, ValidatesOnExceptions=true, NotifyOnValidationError=true}" 
        VerticalAlignment="Center" Width="Auto" /> 

       <Line /> 
       <ItemsControl x:Name="CustomItemsSource" ItemsSource="{Binding Path=LinksList}" > 

       <ItemsControl.ItemTemplate> 
        <DataTemplate> 
         <TextBlock> 
          <Hyperlink NavigateUri="{Binding Path=TopicUrl}" RequestNavigate="Hyperlink_RequestNavigate" > 
           <TextBlock Text="{Binding Path=TopicName}" /> 
          </Hyperlink> 
         </TextBlock> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 

      </ItemsControl> 
      </StackPanel> 

     </StackPanel> 

    </StackPanel> 


</Grid> 

Answer 1

A ListBox по умолчанию автоматически не ограничивает ширину его элементов, но вместо этого использует ScrollViewer, который показывает горизонтальную полосу прокрутки, когда элемент шире, чем ListBox.

Вы можете удалить ScrollViewer, заменив ListBox-х Template:

<ListBox ...> 
    <ListBox.Template> 
     <ControlTemplate> 
      <StackPanel IsItemsHost="True"/> 
     </ControlTemplate> 
    </ListBox.Template> 
    ... 
</ListBox> 

Другая важная вещь, чтобы отметить, что StackPanel в верхнего уровня сетки не будет правильно изменить размер содержащихся в нем элементов. В следующем упрощенном примере текст в TextBlock не обернута, поскольку содержащий StackPanel просто не изменить его размер, как вы ожидаете:

<Grid> 
    <StackPanel Orientation="Horizontal"> 
     <Image ... /> 
     <Text TextWrapping="Wrap" Text=... /> 
    </StackPanel> 
</Grid> 

Таким образом, он работает, как вы ожидаете:

<Grid> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition Width="Auto"/> 
     <ColumnDefinition/> 
    </Grid.ColumnDefinitions> 
    <Image ... /> 
    <TextBlock Grid.Column="1" TextWrapping="Wrap" Text=... /> 
</Grid>