Add A Scrollable HeaderedItemsControl

[njsokalski]

Describe the problem this feature would solve

Describe the solution

Describe alternatives you've considered

Additional context & Screenshots

Something that I often end up putting in the HeaderedContentControl is a ScrollViewer that contains an ItemsControl. I would like to be able to use the HeaderedItemsControl for this, but because I want the Header to remain visible (I want to scroll only the ItemsControl), this would not work (unless there is a way to use HeaderedItemsControl that I am unaware of). I would like to see either a set of controls matching the Headered controls (ScrollableHeaderedContentControl & ScrollableHeaderedItemsControl) or a new property (maybe something like Boolean named MakeContentScrollable) added to HeaderedContentControl & HeaderedItemsControl. Thank you again to everyone who has helped make the current toolkit, and I hope to see even more in the future!

Hello, 'njsokalski! Thanks for submitting a new feature request. I've automatically added a vote 👍 reaction to help get things started. Other community members can vote to help us prioritize this feature in the future!

[skendrot]

Possible solution: Wrap the ItemsPresenter in a ScrollViewer. This would be a breaking change and would need to go in a major release.

[michael-hawker]

@njsokalski this is a great suggestion, thanks! @skendrot I've put this in the 7.0 bucket, this seems like a good thing to do. It'd be cool if we can make it flexible kind of how ListView will scroll or not depending on it'd available size.

I think this would pair well too with our ScrollHeader control too:

    <controls:HeaderedItemsControl>
      <controls:HeaderedItemsControl.Header>
        <controls:ScrollHeader Mode="QuickReturn">
          <Grid x:Name="MyHeaderGrid"
            MinHeight="250"
            Background="{ThemeResource Brush-Blue-01}">
            <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
              <TextBlock Margin="12"
                     FontSize="48"
                     FontWeight="Bold"
                     Foreground="White"
                     Text="Scroll Header"
                     TextAlignment="Center"
                     TextWrapping="WrapWholeWords" />
              <TextBlock Margin="12,0,12,12"
                     VerticalAlignment="Center"
                     Foreground="White"
                     Text="The scroll header supports quick return, sticky and fade behavior. If fade is enabled the header fades out while scrolling down. If quick return is enabled the header hides when the ListView is scrolled down and reappears immediately as soon as the ListView is scrolled up again. If sticky is enabled the header is displayed regardless of scrolling."
                     TextAlignment="Center"
                     TextWrapping="WrapWholeWords" />
            </StackPanel>
          </Grid>
        </controls:ScrollHeader>
      </controls:HeaderedItemsControl.Header>

Did either of you want to pick this up and submit a PR?

[Kyaa-dost]

Please let us know if you are able to pick this up for our 7.0 release.

[michael-hawker]

Thinking about this more, isn't this just our existing StickyHeaderBehavior?

    <ListView>
      <interactivity:Interaction.Behaviors>
        <behaviors:StickyHeaderBehavior />
      </interactivity:Interaction.Behaviors>
      <ListView.Header>
            ...