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
Post a Comment