TextBlock이 WPF ListBox에서 래핑하도록 강제

94

메시지를 표시하는 WPF 목록 상자가 있습니다. 왼쪽에는 아바타가 있고 아바타 오른쪽에는 사용자 이름과 메시지가 세로로 쌓여 있습니다. 레이아웃은 메시지 텍스트가 단어 줄 바꿈이 될 때까지 괜찮지 만 대신 목록 상자에 가로 스크롤 막대가 나타납니다.

비슷한 문제에 대한 해결책을 Google 검색을 통해 찾았지만 모두 효과가 없었습니다.

<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>

— 에릭 하 스킨스
소스

132

의 내용은 TextBlockproperty를 사용하여 래핑 할 수 있습니다 TextWrapping. 대신 /를 StackPanel사용하십시오 . 한 가지 더 - 세트 에 특성 가치 .DockPanelGridScrollViewer.HorizontalScrollBarVisibilityDisabledListBox

Matt의 의견 Hidden을 Disabled기반으로 업데이트 되었습니다 . 고마워 Matt.

— 내쉬
소스

38

ScrollViewer.HorizontalScrollBarVisibility를 "Hidden"이 아닌 "Disabled"로 설정해야한다고 생각합니다. 그렇지 않으면 ListBox가 여전히 수평으로 스크롤하려고 시도하고 스크롤바를 볼 수 없습니다.

— Matt Hamilton

9

문제가 ListBox에 없을 수 있습니다. 부모 컨트롤 중 하나가 충분한 공간을 제공하여 래핑 할 필요가없는 경우 TextBlock은 래핑되지 않습니다. ScrollViewer 컨트롤로 인해 발생할 수 있습니다.

— 마틴 모저
소스

1

감사! 제 경우에는 목록보기에서 가로 스크롤을 비활성화하면 문제가 해결되었습니다. ScrollViewer.HorizontalScrollBarVisibility = "Disabled"

— Ateik

2

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>

작동하지 않는 경우 Visual Studio 의 라이브 비주얼 트리 를 사용 하여 적절한 요소 (무엇에 바인딩되어야 함)를 찾으십시오 .

— 엘 도르
소스