En el siguiente ejemplo, tengo un ListBox con docenas de nombres de fuentes.
Pensé que tendría automáticamente una barra de desplazamiento vertical para que pueda seleccionar CUALQUIER fuente, no solo las primeras en la lista, pero no es así.
Así que agregué un "ScrollViewer" y eso pone un "área de barra de desplazamiento" a la derecha, pero no hay barra de desplazamiento en el área de la barra de desplazamiento para que pueda desplazarse (!)
¿Por qué la barra de desplazamiento no es automática y cómo la fuerzo a tener una barra de desplazamiento?
<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>
fuente
ListBox
interior aScrollViewer
también yListBoxItems
se estiraban tanto como querían fuera del tamaño delListBox
. Quitar elScrollViewer
y configurarScrollViewer.VerticalScrollBarVisibility="Visible"
yScrollViewer.HorizontalScrollBarVisibility="Disabled"
funcionó. ¡Gracias por tu ayuda!ListBox
ya contieneScrollViewer
. De forma predeterminadaScrollBar
, aparecerá cuando haya más contenido que espacio. Pero algunos contenedores se redimensionan para acomodar su contenido (por ejemploStackPanel
), por lo que nunca hay "más contenido que espacio". En tales casos,ListBox
siempre se le da tanto espacio como sea necesario para el contenido.Para calcular la condición de tener más contenido que espacio, se debe conocer el tamaño. Asegúrese de que
ListBox
tenga un tamaño limitado, ya sea estableciendo el tamaño explícitamente en elListBox
elemento mismo o desde el panel de host.En caso de que el panel de host sea vertical
StackPanel
y lo deseeVerticalScrollBar
, debe establecer la Altura sobreListBox
sí mismo. Para otros tipos de contenedores, por ejemploGrid
, el contenedorListBox
puede restringirlos. Por ejemplo, puede cambiar su código original para que se vea así:<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>
Tenga en cuenta que no es solo el contenedor inmediato lo que es importante. En su ejemplo, el contenedor inmediato es a
Grid
, pero debido a queGrid
está contenido por aStackPanel
, el exteriorStackPanel
se expande para acomodar a su hijo inmediatoGrid
, de modo que ese hijo puede expandirse para acomodar a su hijo (elListBox
).Si restringe la altura en cualquier punto, estableciendo la altura del
ListBox
, configurando la altura del interiorGrid
o simplemente haciendo que el contenedor exterior sea aGrid
, entonces una barra de desplazamiento vertical aparecerá automáticamente cada vez que haya demasiados elementos de la lista para encajar en el control.fuente
StackPanel
aGrid
ya que StackPanel siempre se expande a la altura de sus hijos.Agregué una "Altura" a mi ListBox y agregó muy bien la barra de desplazamiento.
fuente
La barra de desplazamiento se agrega al cuadro de lista automáticamente a menos que su visibilidad esté configurada como Oculto. Siempre que el tamaño de los elementos de la lista supere el que se puede mostrar dentro de un cuadro de lista, se puede ver un cuadro de lista vertical u horizontal durante el tiempo de ejecución.
fuente
En mi caso, la cantidad de elementos en ListBox es dinámica, por lo que no quería usar la propiedad Height. Usé MaxHeight en su lugar y funciona muy bien. La barra de desplazamiento aparece cuando llena el espacio que le he asignado.
fuente
Estaba teniendo el mismo problema, tenía un ComboBox seguido de un ListBox en un StackPanel y la barra de desplazamiento del ListBox no aparecía. Resolví esto colocando los dos en un DockPanel en su lugar. Configuré el ComboBox DockPanel.Dock = "Top" y dejé que ListBox llene el espacio restante.
fuente
Desplazador XAML ListBox - Windows 10 (UWP)
<Style TargetType="ListBox"> <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Visible"/> <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Visible"/> </Style>
fuente