Windowscommunitytoolkit: ScrollHeader not work

[iamstudentVN]

I run UWPCommunityToolkit app is work but when i build a app is not work?

[xied75]

Please give more information as what you did and what happens, better with some source code.

[iamstudentVN]

ScrollHeader modes not work. it's like a normal Listview
This is my code:

TargetListViewBase="{x:Bind listView}">
MinHeight="250"
Background="Green"

                    <StackPanel HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                        <TextBlock Margin="12"
                                   FontSize="48"
                                   FontWeight="Bold"

                                   Text="Scroll Header"
                                   TextAlignment="Center"
                                   TextWrapping="WrapWholeWords" />
                        <TextBlock Margin="12,0,12,12"
                                   VerticalAlignment="Center"

                                   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>
        </ListView.Header>
        <ListViewItem>aaaa</ListViewItem>
        <ListViewItem>aaaa</ListViewItem>
        <ListViewItem>aaaa</ListViewItem>
        <ListViewItem>aaaa</ListViewItem>
        <ListViewItem>aaaa</ListViewItem>
        <ListViewItem>aaaa</ListViewItem>
        <ListViewItem>aaaa</ListViewItem>
    </ListView>

[deltakosh]

Does it work on your computer if you use the Sample App?

[iamstudentVN]

both computer and phone

[iamstudentVN]

I updated version 1.3.1

[iamstudentVN]

sample app in the store fine

[deltakosh]

can you share your project?

[iamstudentVN]

@deltakosh Yes

https://drive.google.com/file/d/0B_zV1Vw4NA9ecnlVc0JWOUV6Q0U/view?usp=sharing

[DanielSchiermeier]

the scroll header behavior is only called on mode change and not on initial set in xaml.
in the sample app the mode is set with binding and the scroll header behavior is called.

[deltakosh]

ping @pdehne :)

[iamstudentVN]

@DanielSchiermeier Ok thanks! it work 😄

[iamstudentVN]

How to use WrapPanel in this listview ?

[pdehne]

933 fixes the initial issue and correctly initializes the ScrollHeader if no binding is used.

[pdehne]

@iamstudentVN I dont think the WrapPanel is supported in UWP apps, right?

[hermitdave]

@pdehne the toolkit now has a wrap panel control

[DanielSchiermeier]

@pdehne maybe the property TargetListViewBase shoud be changed to ListViewBase so we can use the scroll header in ListView and in GridView

[pdehne]

@DanielSchiermeier It is already :-)

        public static readonly DependencyProperty TargetListViewBaseProperty =
            DependencyProperty.Register(nameof(TargetListViewBase), typeof(ListViewBase), typeof(ScrollHeader), new PropertyMetadata(null));

[pdehne]

WrapPanel does not inherit from ListViewBase. Therefore ScrollHeader can't be used with WrapPanel. It only works with controls that inherit from ListViewBase.

[DanielSchiermeier]

@pdehne yes the dependency property TargetListViewBaseProperty but not the property TargetListViewBase :)

public ListView TargetListViewBase { get { return (ListView)GetValue(TargetListViewBaseProperty); } set { SetValue(TargetListViewBaseProperty, value); } }

[pdehne]

Oooh, right. Thanks for pointing that out. I'll fix that :-)

[iamstudentVN]

which way do this look like?

[iamstudentVN]

Ok, it worked 😄