Как я могу получить вертикальную полосу прокрутки в моем ListBox?

В приведенном ниже примере у меня есть ListBox с десятками названий шрифтов.

Я бы подумал, что на нем автоматически будет вертикальная полоса прокрутки, чтобы вы могли выбрать ЛЮБОЙ шрифт, а не только первые в списке, но это не так.

Итак, я добавил «ScrollViewer», который помещает «область полосы прокрутки» справа, но в области полосы прокрутки нет полосы прокрутки, так что вы можете прокручивать (!).

Почему не работает автоматическая полоса прокрутки и как заставить ее иметь полосу прокрутки?

<StackPanel Name="stack1">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="2*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <ScrollViewer>
            <ListBox Grid.Row="0" Name="lstFonts" Margin="3"  ItemsSource="{x:Static Fonts.SystemFontFamilies}"/>
        </ScrollViewer>
    </Grid>
</StackPanel>

Проблема с вашим решением заключается в том, что вы помещаете полосу прокрутки вокруг ListBox, где вы, вероятно, хотите поместить ее внутри ListBox.

Если вы хотите принудительно использовать полосу прокрутки в ListBox, используйте присоединенное свойство ScrollBar.VerticalScrollBarVisibility.

<ListBox 
    ItemsSource="{Binding}" 
    ScrollViewer.VerticalScrollBarVisibility="Visible">
</ListBox>

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

ListBoxуже содержит ScrollViewer. По умолчанию ScrollBarбудет отображаться, когда содержимого больше, чем места. Но некоторые контейнеры изменяют размер, чтобы вместить их содержимое (например StackPanel), поэтому «содержимого больше, чем места» не бывает. В таких случаях ListBoxвсегда предоставляется столько места, сколько необходимо для содержимого.

Размер должен быть известен, чтобы вычислить условие наличия большего количества содержимого, чем пространства. Убедитесь, что у вас ListBoxограниченный размер, задав размер явно в самом ListBoxэлементе или на главной панели.

В случае, если основная панель вертикальная, StackPanelи вы хотите, VerticalScrollBarвы должны установить высоту ListBoxсама по себе. Для других типов контейнеров, например Grid, контейнер ListBoxможет быть ограничен. Например, вы можете изменить исходный код, чтобы он выглядел так:

<Grid Name="grid1">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="2*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <ListBox Grid.Row="0" Name="lstFonts" Margin="3"
                 ItemsSource="{x:Static Fonts.SystemFontFamilies}"/>
    </Grid>
</Grid>

Обратите внимание, что важен не только непосредственный контейнер. В вашем примере непосредственным контейнером является a Grid, но поскольку Gridон содержится в a StackPanel, внешний StackPanelрасширяется для размещения своего непосредственного дочернего элемента Grid, так что этот дочерний элемент может расширяться для размещения своего дочернего элемента ( ListBox).

Если вы ограничите высоту в любой точке - установив высоту ListBox, установив высоту внутреннего Gridили просто сделав внешний контейнер a Grid- тогда вертикальная полоса прокрутки появится автоматически каждый раз, когда есть слишком много элементов списка для вписывается в контроль.

Я добавил «Высота» в свой ListBox, и он красиво добавил полосу прокрутки.

Полоса прокрутки добавляется в список автоматически, если для ее видимости не установлено значение «Скрытый». Каждый раз, когда размер элементов списка превышает один, который может отображаться внутри окна списка, вертикальный или горизонтальный список можно увидеть во время выполнения.

В моем случае количество элементов в ListBox является динамическим, поэтому я не хотел использовать свойство Height. Вместо этого я использовал MaxHeight, и он отлично работает. Полоса прокрутки появляется, когда заполняет выделенное для нее пространство.

У меня была та же проблема: у меня был ComboBox, за которым следовало ListBox в StackPanel, а полоса прокрутки ListBox не отображалась. Я решил это, вместо этого поместив их в DockPanel. Я установил ComboBox DockPanel.Dock = "Top" и позволил ListBox заполнить оставшееся пространство.

Прокрутка XAML ListBox - Windows 10 (UWP)

<Style TargetType="ListBox">
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Visible"/>
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Visible"/>
</Style>