xaml - LongListSelector Turnstile effect isn't working -


i have added wp-toolkit project, pages' animation , lls tilt effect working, not turnstile effect. instead of animating each list items separately, animates whole page @ same time. xaml:

    <phone:phoneapplicationpage x:class="szegedimenetrend.v2.v2megallo" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:phone="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone" xmlns:shell="clr-namespace:microsoft.phone.shell;assembly=microsoft.phone" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:toolkit="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone.controls.toolkit" mc:ignorable="d" d:datacontext="{d:designdata v2.xaml}" fontfamily="{staticresource phonefontfamilynormal}" fontsize="{staticresource phonefontsizenormal}" foreground="{staticresource phoneforegroundbrush}" supportedorientations="portrait" orientation="portrait" shell:systemtray.isvisible="true" toolkit:tilteffect.istiltenabled="true">     <toolkit:transitionservice.navigationintransition>         <toolkit:navigationintransition>             <toolkit:navigationintransition.backward>                 <toolkit:turnstiletransition mode="backwardin" />             </toolkit:navigationintransition.backward>             <toolkit:navigationintransition.forward>                 <toolkit:turnstiletransition mode="forwardin" />             </toolkit:navigationintransition.forward>         </toolkit:navigationintransition>     </toolkit:transitionservice.navigationintransition>     <toolkit:transitionservice.navigationouttransition>         <toolkit:navigationouttransition>             <toolkit:navigationouttransition.backward>                 <toolkit:turnstiletransition mode="backwardout" />             </toolkit:navigationouttransition.backward>             <toolkit:navigationouttransition.forward>                 <toolkit:turnstiletransition mode="forwardout" />             </toolkit:navigationouttransition.forward>         </toolkit:navigationouttransition>     </toolkit:transitionservice.navigationouttransition>     <grid  x:name="layoutroot" background="transparent">         <grid.rowdefinitions>             <rowdefinition height="auto"/>             <rowdefinition height="*"/>         </grid.rowdefinitions>          <stackpanel grid.row="0" margin="12,17,0,28">             <textblock text="2-es villamos" style="{staticresource phonetextnormalstyle}" toolkit:turnstilefeathereffect.featheringindex="0" />             <textblock text="megállók" margin="9,-7,0,0" style="{staticresource phonetexttitle1style}" toolkit:turnstilefeathereffect.featheringindex="1" />         </stackpanel>          <grid x:name="contentpanel" grid.row="1" margin="12,0,12,0">             <phone:longlistselector toolkit:tilteffect.istiltenabled="true" x:name="mainlonglistselector" margin="0,0,-12,0" itemssource="{binding items}" selectionchanged="mainlonglistselector_selectionchanged" toolkit:turnstilefeathereffect.featheringindex="2" >                 <phone:longlistselector.itemtemplate>                     <datatemplate>                         <stackpanel margin="0,0,0,17">                             <textblock text="{binding lineone}" textwrapping="wrap" style="{staticresource phonetextextralargestyle}"/>                             <textblock text="{binding linetwo}" textwrapping="wrap" margin="12,-6,12,0" style="{staticresource phonetextsubtlestyle}"/>                         </stackpanel>                     </datatemplate>                 </phone:longlistselector.itemtemplate>             </phone:longlistselector>         </grid>     </grid>  </phone:phoneapplicationpage> 

i've tried both on simple , pivot pages, , still don't work. problem?

you using "regular" turnstile transition instead of feathered one. change this.

<toolkit:transitionservice.navigationintransition>     <toolkit:navigationintransition>         <toolkit:navigationintransition.backward>             <toolkit:turnstilefeathertransition mode="backwardin"/>         </toolkit:navigationintransition.backward>         <toolkit:navigationintransition.forward>             <toolkit:turnstilefeathertransition mode="forwardin"/>         </toolkit:navigationintransition.forward>     </toolkit:navigationintransition> </toolkit:transitionservice.navigationintransition> <toolkit:transitionservice.navigationouttransition>     <toolkit:navigationouttransition>         <toolkit:navigationouttransition.backward>             <toolkit:turnstilefeathertransition mode="backwardout"/>         </toolkit:navigationouttransition.backward>         <toolkit:navigationouttransition.forward>             <toolkit:turnstilefeathertransition mode="forwardout"/>         </toolkit:navigationouttransition.forward>     </toolkit:navigationouttransition> </toolkit:transitionservice.navigationouttransition> 

Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -