c# - SlideInEffect and TurnstileFeatherEffect not working -
anyone ever had problems slideineffect
, turnstilefeathereffect
windows phone toolkit?
i trying make slideineffect
work on longlistselector
, longlistmultiselector
no luck far.
also turnstilefeathereffect
not work when page loading work when navigating away them. same applies pages (panorama / pivot / normal pages).
take example code on normal page:
<phone:phoneapplicationpage x:class="samplepage.pages.about" 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" fontfamily="{staticresource phonefontfamilynormal}" fontsize="{staticresource phonefontsizenormal}" foreground="{staticresource phoneforegroundbrush}" supportedorientations="portrait" orientation="portrait" mc:ignorable="d" d:designheight="768" d:designwidth="480" xmlns:toolkit="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone.controls.toolkit" shell:systemtray.isvisible="true"> <!--transitions--> <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> <!--layoutroot root grid page content placed--> <grid x:name="layoutroot" background="white"> <grid.rowdefinitions> <rowdefinition height="auto"/> <rowdefinition height="*"/> </grid.rowdefinitions> <!--titlepanel contains name of application , page title--> <stackpanel grid.row="0" margin="12,17,0,20"> <textblock text="about" style="{staticresource phonetextnormalstyle}" foreground="#404041" fontweight="bold" toolkit:turnstilefeathereffect.featheringindex="0"/> </stackpanel> <grid x:name="contentpanel" grid.row="1" margin="24,0,0,0" horizontalalignment="left" verticalalignment="top"> <grid> <image height="100" source="/assets/images/logo.png" margin="-5,0,0,0" horizontalalignment="left" verticalalignment="top" toolkit:turnstilefeathereffect.featheringindex="1"/> <stackpanel margin="0,90,0,0"> <stackpanel margin="0,0,0,0" orientation="horizontal" horizontalalignment="left" toolkit:turnstilefeathereffect.featheringindex="2"> <image height="76" width="76" margin="-16,0,-20,0" source="/assets/appbar/appbar.shield.png"/> <hyperlinkbutton foreground="#ff474747" navigateuri="http://sample.com/" targetname="_anything" content="privacy policy"/> </stackpanel> <stackpanel toolkit:turnstilefeathereffect.featheringindex="3" margin="0,-20,0,0" orientation="horizontal" horizontalalignment="left"> <image height="76" width="76" margin="-16,0,-20,0" source="/assets/appbar/appbar.email.png"/> <hyperlinkbutton foreground="#ff474747" navigateuri="http://sample.com/" targetname="_anything" content="send feedback"/> </stackpanel> </stackpanel> <scrollviewer margin="0,210,0,0"> <grid> <stackpanel margin="2,0,12,0"> <!-- header --> <textblock textwrapping="wrap" text="version" fontweight="bold" fontsize="30" foreground="#ff363636" toolkit:turnstilefeathereffect.featheringindex="4"/> <!-- body --> <richtextbox textwrapping="wrap" margin="-10,0,0,0" textalignment="justify" fontsize="24" foreground="#ff363636" toolkit:turnstilefeathereffect.featheringindex="5"> <paragraph> <run text="0.0.1"/> </paragraph> </richtextbox> <!-- header --> <textblock textwrapping="wrap" text="description" fontweight="bold" fontsize="30" foreground="#ff363636" toolkit:turnstilefeathereffect.featheringindex="6"/> <!-- body --> <richtextbox textwrapping="wrap" margin="-10,0,0,0" textalignment="justify" fontsize="24" foreground="#ff363636" toolkit:turnstilefeathereffect.featheringindex="7"> <paragraph> <run text="lorem ipsum dummy text of printing , typesetting industry. lorem ipsum has been industry's standard dummy text ever since 1500s, when unknown printer took galley of type , scrambled make type specimen book. has survived not 5 centuries, leap electronic typesetting, remaining unchanged."/> </paragraph> </richtextbox> <!-- header --> <textblock textwrapping="wrap" text="developed by" fontweight="bold" fontsize="30" foreground="#ff363636" toolkit:turnstilefeathereffect.featheringindex="8"/> <!-- body --> <grid horizontalalignment="left" width="440" toolkit:turnstilefeathereffect.featheringindex="9"> <grid.columndefinitions> <columndefinition width="auto"/> <columndefinition width="auto"/> </grid.columndefinitions> <image grid.column="0" horizontalalignment="left" source="/assets/images/logo.png"></image> <image grid.column="1" margin="5,0,0,0" horizontalalignment="left" source="/assets/images/logo.png"></image> </grid> </stackpanel> </grid> </scrollviewer> </grid> </grid> </grid> </phone:phoneapplicationpage>
also note changed rootframe
to new transitionframe()
.
after time found problem.
so seems on pages feather transitions not supported have use normal transitions:
<!--transitions--> <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>
after putting on mainpage.xaml happens panorama else works fine.
Comments
Post a Comment