Заставить TextBlock обернуть в WPF ListBox

У меня есть список WPF, в котором отображаются сообщения. Он содержит аватар слева, а имя пользователя и сообщение расположены вертикально справа от аватара. Макет хорош, пока текст сообщения не будет переноситься по словам, но вместо этого я получаю горизонтальную полосу прокрутки в списке.

Я погуглил и нашел решения аналогичных проблем, но ни одно из них не помогло.

<ListBox HorizontalContentAlignment="Stretch"  ItemsSource="{Binding Path=FriendsTimeline}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Border BorderBrush="DarkBlue" BorderThickness="3" CornerRadius="2" Margin="3" >
                    <Image Height="32" Width="32"  Source="{Binding Path=User.ProfileImageUrl}"/>
                </Border>
                <StackPanel Orientation="Vertical">
                    <TextBlock Text="{Binding Path=User.UserName}"/>
                    <TextBlock Text="{Binding Path=Text}" TextWrapping="WrapWithOverflow"/> <!-- This is the textblock I'm having issues with. -->
                </StackPanel>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

wpf listbox word-wrap textblock
person Eric Haskins    schedule 29.12.2008    source источник

Ответы (3)


arrow_upward
134
arrow_downward

Содержимое TextBlock можно обернуть с помощью свойства TextWrapping. Вместо StackPanel используйте _4 _ / _ 5_. Еще один момент - установите для свойства ScrollViewer.HorizontalScrollBarVisibility значение Disabled для ListBox.

Обновлено Hidden до Disabled на основе комментария Мэтта. Спасибо, Мэтт.

person Nash    schedule 29.12.2008
comment
Я думаю, вам нужно установить ScrollViewer.HorizontalScrollBarVisibility на Disabled, а не Hidden - иначе ListBox все равно будет пытаться прокручивать по горизонтали, вы просто не увидите полосу прокрутки. - person Matt Hamilton; 29.12.2008

arrow_upward
9
arrow_downward

Проблема может быть не в ListBox. TextBlock не будет переноситься, если один из родительских элементов управления предоставляет достаточно места, поэтому нет необходимости в переносе. Это может быть вызвано элементом управления ScrollViewer.

person Martin Moser    schedule 29.12.2008
comment
Спасибо! в моем случае отключение горизонтальной прокрутки в списке устранило проблему ScrollViewer.HorizontalScrollBarVisibility = Disabled - person Ateik; 08.02.2016

arrow_upward
3
arrow_downward

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

Чтобы изменить его динамически, это означает не фиксированное значение, но вам необходимо привязать его к соответствующему родительскому элементу в визуальном дереве. У вас может получиться что-то вроде этого:

<ListBox ItemsSource="{Binding MyItems}" Name="MyListBox">

  <ListBox.Resources>
    <Style TargetType="ListBoxItem">
      <Setter Property="Width" 
              Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ScrollContentPresenter}, Path=ActualWidth}" />
    </Style>
  </ListBox.Resources>

  <ListBox.ItemTemplate>
    <DataTemplate>
      <TextBlock Text="{Binding Title}" TextWrapping="Wrap" />
    </DataTemplate>
  </ListBox.ItemTemplate>

</ListBox>

Если это не сработает, попробуйте найти нужные элементы (которые должны быть связаны с чем) с помощью Live Visual Tree в Visual Studio.

person eldor    schedule 11.01.2017