Saturday 21 February 2015

Flipview With IncementalLoading/LazyLoading support

How to do Incremental loading (LazyLoading) of data you can check from here

Now How to integrate it with FlipView ?
  • To do the same u need to download the library from Nuget.org which support Incremental loading in FlipView - JISoft.FlipView
  • There is library available to do so. check here
How to use this library
  • Follow the same tutorial to create collection for incremental loading from this blog.
  • Integration with JFlipView
 <Page  
   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:toolkit="using:JISoft.FlipView"  
   xmlns:LV="using:ExtendedListView"  
   x:Class="App3.MainPage"    
   mc:Ignorable="d">  
  <Grid Background="#3e3e3e" x:Name="LayoutRoot">  
     <toolkit:JFlipView x:Name="flipvw" VerticalAlignment="Top" HorizontalAlignment="Stretch" IncrementalLoadingTrigger="Edge"   
               SelectionChanged="JFlipView_SelectionChanged" DataFetchSize="5" ItemsSource="{Binding TestData}" IncrementalLoadingThreshold="4" Margin="0,0,200,0" Background="#FF444747" ManipulationMode="All">  
       <toolkit:JFlipView.ItemTemplate>  
         <DataTemplate>  
           <Border BorderThickness="1" BorderBrush="#f1f1f1" Margin="5" Width="{Binding Wid}" Height="100" >  
             <TextBlock Text="{Binding data}"/>  
           </Border>  
         </DataTemplate>  
       </toolkit:JFlipView.ItemTemplate>  
     </toolkit:JFlipView>  
  </Grid>  
 </Page>  
  • Here your Flipview is ready which can do LazyLoading of data in same way as ListView/GridView do. Check below property to understand LazyLoading
    • IncrementalLoadingThreshold - MSDN
    • DataFetchSize - MSDN
    • IncrementalLoadingThresholdTrigger - MSDN

No comments:

Post a Comment