3

Estoy creando una aplicación universal con un HamburgerMenu

<Grid>
    <SplitView x:Name="hMenu" IsPaneOpen="{Binding ElementName=hMenuBtn, Path=IsChecked}">
        <SplitView.Pane>
            <RelativePanel>

            </RelativePanel>
        </SplitView.Pane>  
    </SplitView>
    <StackPanel Orientation="Horizontal" Height="48" 
                VerticalAlignment="Top" HorizontalAlignment="Stretch"
                Background="{ThemeResource SystemControlBackgroundAccentBrush}">
        <ToggleButton x:Name="hMenuBtn" VerticalAlignment="Stretch" Width="48"
                      HorizontalAlignment="Stretch">
        </ToggleButton>
        <TextBlock Foreground="White" Text="Control De Materiales"
                   HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                   FontSize="20" Margin="10 20 0 0"/>
    </StackPanel>
</Grid>

Funciona correctamente, pero al pulsar el ToogleButton el Pane se abre brúscamente sin mostrar ninguna transición.

He tratado de agregarla mediante TransitionCollection, pero no consigo que funcione.

2
  • Cómo te fue con esto?
    – JuanK
    el 15 ene. 2016 a las 19:46
  • 1
    Hola @JuanK, Me sirvió mucho tu respuesta pero desde que actualice Visual Studio a la Update 1 la transición se implementa sola. Gracias
    – Edwin V
    el 15 ene. 2016 a las 21:12

2 respuestas 2

4

Se debe hacer así:

<SplitView x:Name="hMenu" IsPaneOpen="{Binding ElementName=hMenuBtn, Path=IsChecked}">
    <TransitionCollection>
        <ExponentialEase />
    </TransitionCollection>
    <SplitView.Pane>
        <RelativePanel>

        </RelativePanel>
    </SplitView.Pane>  
</SplitView>

desde luego tambien lo puedes probar desde C# y debería funcionar sin lio.

hMenu.ChildrenTransitions = new 
             TransitionCollection {new ExponentialEase ()};

Sin embargo recuerda que las apps están preparadas par dispositivos de low end, por ende esto gasta mucha energía y procesamiento que puede que no tengas. Así que si estás haciendo animaciones personalizadas debes intencionalmente decir que ejecutaras animaciones en objetos dependientes, y esto se hace de esta manera: EnableDependentAnimation="true" en el objeto de animación que estés utlizando:

<PointAnimation EnableDependentAnimation="true" />
1

Buenas, yo uso la plantilla navpanel, para generar automáticamente proyectos con splitview (menú lateral deslizante), la misma plantilla incluye los efectos del menú y transición entre views.

Nav Pane App Template (Universal Windows)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.