Wie kann ich eine vertikale Bildlaufleiste in meiner ListBox bekommen?

Question

Im folgenden Beispiel habe ich eine ListBox mit Dutzenden von Schriftnamen.

Ich hätte gedacht, dass es automatisch eine vertikale Bildlaufleiste darauf haben würde, so dass Sie beliebige Schriftart auswählen können, nicht nur die ersten in der Liste, aber es tut es nicht.

Also habe ich einen "ScrollViewer" hinzugefügt, der rechts einen "Scrollbalkenbereich" platziert, aber es gibt keine Bildlaufleiste im Bildlaufbereich, so dass Sie blättern können (!).

Warum ist eine Bildlaufleiste nicht automatisch und wie erzwinge ich eine Bildlaufleiste?

Answer 1

Das Problem mit Ihrer Lösung ist, dass Sie eine Bildlaufleiste um eine ListBox platzieren, wo Sie sie wahrscheinlich in die ListBox einfügen möchten.

Wenn Sie eine Bildlaufleiste in Ihrer ListBox erzwingen möchten, verwenden Sie die angefügte Eigenschaft ScrollBar.VerticalScrollBarVisibility.

Wenn Sie diesen Wert auf Auto setzen, wird die Bildlaufleiste bei Bedarf geöffnet.

Answer 2

Ich habe eine "Höhe" zu meiner ListBox hinzugefügt und die Bildlaufleiste schön hinzugefügt.

Answer 3

Die Bildlaufleiste wird automatisch zum Listenfeld hinzugefügt, sofern ihre Sichtbarkeit nicht auf Versteckt eingestellt ist. Immer wenn die Größe von Listeneinträgen die Größe überschreitet, die innerhalb eines Listbox-vertikalen oder horizontalen Listenfelds angezeigt werden kann, kann dies während der Laufzeit angezeigt werden.

Answer 4

ListBox enthält bereits ScrollViewer. Standardmäßig wird die ScrollBar angezeigt, wenn mehr Inhalt als Platz vorhanden ist. Einige Container passen sich jedoch ihren Inhalten an (z. B. StackPanel), so dass niemals "mehr Inhalt als Platz" vorhanden ist. In solchen Fällen wird dem ListBox immer so viel Platz zugewiesen, wie für den Inhalt benötigt wird.

Um die Bedingung zu berechnen, mehr Inhalt als Platz zu haben, sollte die Größe bekannt sein. Stellen Sie sicher, dass Ihre ListBox eine eingeschränkte Größe aufweist, indem Sie entweder explizit die Größe des Elements ListBox oder des Host-Steuerfelds festlegen.

Wenn das Host-Panel vertikal StackPanel ist und Sie VerticalScrollBar möchten, müssen Sie die Höhe auf ListBox selbst einstellen. Für andere Arten von Behältern, z.B. Grid kann der ListBox durch den Container eingeschränkt werden. Zum Beispiel können Sie Ihren ursprünglichen Code ändern wie folgt aussehen:

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

Beachten Sie, dass es nicht nur die unmittelbare Umschließung ist, was wichtig ist. In Ihrem Beispiel ist der unmittelbare Behälter ein Grid, sondern weil die Grid von einem StackPanel enthalten ist, wird die äußereen StackPanel erweitert, um sein unmittelbares Kind Grid, so unterbringen, dass das Kind erweitern sein Kind (die ListBox) aufzunehmen.

Wenn Sie die Höhe an jedem Punkt — durch Einstellen der Höhe der ListBox begrenzen, indem die Höhe der inneren Grid Einstellung oder einfach durch den äußeren Behälter macht ein Grid — dann eine vertikale Bildlaufleiste automatisch jedes Mal erscheint Es gibt zu viele Listenelemente, die in das Steuerelement passen.

Answer 5

In meinem Fall ist die Anzahl der Elemente in der ListBox dynamisch, daher wollte ich die Height-Eigenschaft nicht verwenden. Ich habe stattdessen MaxHeight verwendet und es funktioniert gut. Die Bildlaufleiste wird angezeigt, wenn sie den zugewiesenen Speicherplatz füllt.

Answer 6

Ich hatte das gleiche Problem, ich hatte eine ComboBox gefolgt von einer ListBox in einem StackPanel und die Bildlaufleiste für die ListBox wurde nicht angezeigt. Ich löste das, indem ich die beiden stattdessen in ein DockPanel steckte. Ich setze die ComboBox DockPanel.Dock = "Top" und lasse die ListBox den verbleibenden Platz füllen.

Answer 7

XAML ListBox Scroller - Microsoft Windows 10 (UWP)

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