WrapPanel đưa ra các mục trong một đường ngang dài (hiển thị thanh cuộn) thay vì gói các dòng

Question

<Grid.ColumnDefinitions> 
    <ColumnDefinition Width="Auto"/> 
    <ColumnDefinition /> 
</Grid.ColumnDefinitions> 

<Grid.RowDefinitions> 
    <RowDefinition Height="Auto"/> 
    <RowDefinition/> 
    <RowDefinition Height="40"/> 
</Grid.RowDefinitions> 

<c:SearchTextBox Grid.ColumnSpan="2" .../> 

<ScrollViewer VerticalScrollBarVisibility="Auto" Grid.Row="1"> 
    <ListBox 
    ItemsSource="{Binding Categories}" 
    IsSynchronizedWithCurrentItem="True" 
    ... /> 
</ScrollViewer> 

<!-- Here is what I'm talking about:--> 
<ListBox ItemsSource="{Binding Products}" 
    IsSynchronizedWithCurrentItem="True" Grid.Column="1" Grid.Row="1"> 
    <ListBox.ItemsPanel> 
    <ItemsPanelTemplate> 
     <WrapPanel /> 
    </ItemsPanelTemplate> 
    </ListBox.ItemsPanel> 
</ListBox> 

Điều tôi muốn là các mục trong cột phải được đặt ra để lấp đầy chiều rộng cửa sổ, và sau đó tạo một dòng mới , đó chính xác là những gì mà WrapPanel được tạo ra.
Vấn đề là, WrapPanel đưa ra các mục chỉ trong một dòng hiển thị thanh cuộn ngang bên dưới trong khi tất cả các mục được 'ẩn' ở phía bên phải vượt quá kích thước của cửa sổ.

Làm cách nào để ngăn chặn điều đó?

Answer 1

Bạn cần phải làm cho thanh cuộn ngang của ListBox thứ hai vô hiệu hóa.

<ListBox ItemsSource="{Binding}" 
     ScrollViewer.HorizontalScrollBarVisibility="Disabled" ...> 
.... 
</ListBox> 

EDIT

Addtionally, có lý do mà bạn sử dụng ScrollViewer cho ListBox đầu tiên? Tại sao tôi hỏi là ListBox đã có ScrollViewer nội bộ, trong đó Visibility mặc định là Auto.