I in Windows 10 UWP. Ho un Frame in Xaml che mi piacerebbe che la Pagina/Contenuto scivolasse a sinistra e fuori dallo schermo quando l'uso si sposta dalla pagina a un'altra pagina. Qualche idea su come fare le animazioni di Frame Navigation?Animazioni transizione pagina UWP
8
A
risposta
17
tenta di utilizzare build-in animazione:
protected virtual void SetUpPageAnimation()
{
TransitionCollection collection = new TransitionCollection();
NavigationThemeTransition theme = new NavigationThemeTransition();
var info = new ContinuumNavigationTransitionInfo();
theme.DefaultNavigationTransitionInfo = info;
collection.Add(theme);
this.Transitions = collection;
}
chiamare questo metodo in pagina constructor
e troverete che ci saranno animazioni quando si entra o si lascia un Page
.
Ci sono alcune animazioni incorporate che terminano con Info
, dovresti provarle tu stesso.
0
C'è un modo integrato per farlo, ma supporta solo un insieme di animazioni/transizioni di pagina non personalizzabili.
Se si vuole fare animazioni personalizzate di cui ha bisogno per implementare il proprio telaio + Pagina sottoclassi, in cui le pagine contengono i loro proprio ingresso/animazioni che lasciano e il telaio chiama questi durante la navigazione.
Problemi correlati
- 1. C# UWP XAML Animazioni
- 2. Aggiunta e transizione di animazioni in SceneKit
- 3. Animazione transizione arricciatura pagina iPhone
- 4. iPhone perso tutte le animazioni di transizione dell'interfaccia utente
- 5. UIView animateWithDuration: durata: animazioni: completamento: sembra avere una transizione predefinita?
- 6. Elenco delle animazioni di transizione della vista Android?
- 7. Modifica la transizione della pagina sulla stessa pagina
- 8. Far scorrere il contenuto/transizione di pagina
- 9. Come velocizzare un'animazione di transizione della pagina?
- 10. jQuery transizione pagina e cronologia browser
- 11. Cordova iOS - transizione causa flash di pagina
- 12. PageCurl animazioni su transizioni ViewPager?
- 13. Trigger stile UWP mancante
- 14. Animazioni CSS vs Animazioni JQuery
- 15. modale segue nessuna transizione
- 16. L'animazione della transizione UIView non funziona con transitionWithView: durata: opzioni: animazioni: metodo di completamento
- 17. è possibile eseguire animazioni di transizione quando si cambiano le viste nella stessa attività?
- 18. JQuery Mobile rimuove la transizione della pagina di diapositiva
- 19. Ridimensionamento della pagina Jquery Mobile durante la transizione delle pagine
- 20. Avvia la transizione CSS3 dopo la pagina delle visualizzazioni utente?
- 21. transizione immagine di sfondo pagina su scroll via css3/javascript
- 22. CSS: animazione vs transizione
- 23. Prestazioni di transizione CSS vs animazione CSS
- 24. Animazioni nidificate angolari 1.2.5
- 25. Animazioni riutilizzabili
- 26. Transizione standard frammento non animato
- 27. Unità per la durata della transizione CSS
- 28. Windows UWP come salvaschermo?
- 29. CommandBar personalizzato Xamarin UWP
- 30. Dov'è FrameworkPropertyMetadata in UWP?
dispari. ho provato l'equivalente xaml di questo, e si blocca solo l'emulatore. ma questo ha funzionato! –
L'aggiunta della transizione in XAML dovrebbe funzionare. Ma assicurati di aver fatto esattamente ciò che ha fatto il codice sopra, e deve bloccarsi per alcuni motivi. – JuniperPhoton
Buona risposta, ma manca un po 'più di spiegazione e un link ai documenti ... –