XAML (WP8.1) scrollable ListView and fixed Grid bottom of DataTemplate

Question

<DataTemplate>
    <ScrollViewer>
        <Grid>
            ... same rows and controls 20% of screen
        </Grid>
        <ListView>
        </ListView>
    </ScrollViewer>
</DataTemplate>

With this template there are

fixed Grid first
scrollable ListView second

How create template with

scrollable ListView at top
fixed Grid at bottom

?

P.S. There are online or compiled demo different xaml layout/templates?

Kristian Vukusic · Accepted Answer · 2015-10-01 17:34:53Z

1

Don't put a ListView inside a ScrollViewer because you will lose virtualization if you are using it, which will degrade performance significantly.

If you want the Grid to always be visible then use the following:

<DataTemplate>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="Auto"/>
        </Grid.RowDefinitions>
        <ListView Grid.Row="0"/>
        <Grid Grid.Row="1" Height="100"/> <!-- Set any fixed height -->
    </Grid>
</DataTemplate>

If you want the Grid to scroll with the list use a Footer:

<DataTemplate>
    <ListView>
        <ListView.Footer>
            <!-- Set any fixed height -->
            <Grid Height="100"/>
        </ListView.Footer>
    </ListView>
</DataTemplate>

answered Oct 1, 2015 at 17:34

Kristian Vukusic

3,3246 gold badges32 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

XAML (WP8.1) scrollable ListView and fixed Grid bottom of DataTemplate

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related