Horizontal scroll for stackpanel doesn’t work

by

Currently I have my stackpanel with an auto width (and the problem is maybe here) that contains some items like grids.

This is your problem. A StackPanel measures its children with infinite horizontal space if its Orientation property is set to Horizontal and infinite vertical space if it is set to Vertical. So you will have to specify an explicit width for the StackPanel itself or the ScrollViewer for this to work.

Alternatively you could put the ScrollViewer in a Panel that measures its children, like for example a Grid (but not a StackPanel). This works for example:

<Window x:Class="WpfApplication1.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:local="clr-namespace:WpfApplication1"
    mc:Ignorable="d"
    Title="Window" Height="300" Width="300">
<Grid>
    <ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled" HorizontalAlignment="Left" Height="85" CanContentScroll="True">
        <StackPanel x:Name="Film" Height="85" Width="Auto" Margin="0,0,0,0" Orientation="Horizontal" ScrollViewer.HorizontalScrollBarVisibility="Visible" CanHorizontallyScroll="True" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.CanContentScroll="True" d:LayoutOverrides="TopPosition, BottomPosition">
            <StackPanel.Background>
                <SolidColorBrush Color="Yellow"/>
            </StackPanel.Background>
            <Grid Width="100" Background="Red"/>
            <Grid Width="100" Background="#FFFF0051"/>
            <Grid Width="100" Background="#FFB900FF"/>
            <Grid Width="100" Background="#FF002EFF"/>
            <Grid Width="100" Background="#FF00FFDC"/>
            <Grid Width="100" Background="#FF51FF00"/>
            <Grid Width="100" Background="Red"/>
        </StackPanel>
    </ScrollViewer>
</Grid>
</Window>

But this doesn’t because the StackPanel is considered to have an infinite width:

<StackPanel>
    <ScrollViewer HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled" HorizontalAlignment="Left" Height="85" CanContentScroll="True">
        <StackPanel x:Name="Film" Height="85" Width="Auto" Margin="0,0,0,0" Orientation="Horizontal" ScrollViewer.HorizontalScrollBarVisibility="Visible" CanHorizontallyScroll="True" ScrollViewer.VerticalScrollBarVisibility="Disabled" ScrollViewer.CanContentScroll="True" d:LayoutOverrides="TopPosition, BottomPosition">
            <StackPanel.Background>
                <SolidColorBrush Color="Yellow"/>
            </StackPanel.Background>
            <Grid Width="100" Background="Red"/>
            <Grid Width="100" Background="#FFFF0051"/>
            <Grid Width="100" Background="#FFB900FF"/>
            <Grid Width="100" Background="#FF002EFF"/>
            <Grid Width="100" Background="#FF00FFDC"/>
            <Grid Width="100" Background="#FF51FF00"/>
            <Grid Width="100" Background="Red"/>
        </StackPanel>
    </ScrollViewer>
</StackPanel>

Putting ScrollViewers inside StackPanels is a bad idea.

More Related Contents:

  1. Is it possible to implement smooth scroll in a WPF listview?
  2. Where is the Application.DoEvents() in WPF?
  3. Difference between ObservableCollection and BindingList
  4. WPF WebBrowser control – how to suppress script errors?
  5. Implementing a log viewer with WPF
  6. Accessing UI (Main) Thread safely in WPF
  7. How to bind an enum to a combobox control in WPF?
  8. Is there a good way to convert between BitmapSource and Bitmap?
  9. Listen to changes of dependency property
  10. Drag and drop to Desktop / Explorer
  11. Task continuation on UI thread
  12. Bind TextBox on Enter-key press
  13. How do I sort an observable collection?
  14. ObservableCollection vs. List
  15. Binding objects defined in code-behind
  16. Set focus on textbox in WPF
  17. the name does not exist in the namespace clr-namespace
  18. WPF equivalent to TextRenderer
  19. DataGrid column width doesn’t auto-update
  20. When is CanExecute called?
  21. Dynamically Updating TabControl Content at Runtime
  22. How to sort TreeView items using SortDescriptions in Xaml?
  23. How can I data bind a list of strings to a ListBox in WPF/WP7?
  24. CanExecuteChanged event of ICommand
  25. How to use Resources.resx to link images
  26. Problems with binding to Window Height and Width
  27. Could not load file or assembly Windows.winmd’
  28. mvvm how to make a list view auto scroll to a new Item in a list view
  29. Dynamically loading resource dictionary files to a wpf application gives an error
  30. SendKeys.Send Method in WPF application

Leave a Comment