Ho bisogno di visualizzare una GIF animata nella mia app metropolitana, ma non riesco a trovare alcun controllo che consenta. (Ho provato Image, MediaElement e MediaPlayer dal Framework Player)WinRT - Visualizza GIF animata in un controllo
È possibile in qualche modo visualizzare una GIF animata?
Mentre non ho controllato se funziona e potrebbe non funzionare per voi a causa di problemi di spazio aereo - si potrebbe provare ad ospitare la gif in un controllo WebView. Potrebbe essere molto più semplice delle soluzioni altrimenti migliori proposte da Norbert e Carl.
Questo non può essere fatto, ma in modo nativo è possibile controllare
http://imagetools.codeplex.com/
che fa tutto quello che volete. Inoltre è possibile controllare questo
http://blogs.msdn.com/b/jstegman/archive/2009/09/08/silverlight-3-sample-updates.aspx
che contiene una libreria GIF Decoder
qui si ha un buon tutorial come inserire gif in Metro Style App:
http://advertboy.wordpress.com/2012/05/08/animated-gifs-in-xamlc/
Ma il modo più semplice è utilizzare questo progetto:
È possibile ottenere questo in modo nativo utilizzando la classe BitmapDecoder in .NET Framework. Ho un esempio sul mio blog, che mostra come implementare un AnimationControl che è in grado di mostrare GIF animate da un file gif di risorse. Partenza: http://www.henrikbrinch.dk/Blog/2013/02/21/Windows-8---GIF-animations--the-RIGHT-way
eccellente ... !!! –
Ho appena rilasciato una libreria per riprodurre GIF animate: XamlAnimatedGif. Hai solo bisogno di impostare una proprietà associata su uno standard di controllo Image:
<Image gif:AnimationBehavior.SourceUri="/Images/animated.gif" />
(la mappatura xmlns è xmlns:gif="using:XamlAnimatedGif")
nelle opere di WPF, Windows 8.1 e Windows Phone 8.1
Come @Filip Skakun ha detto che il metodo WebView funziona. Certo è "hack" ma tutte queste librerie e decodifiche al volo sono lente, sfarfallio delle animazioni (almeno in windows phone). L'uso di WebView ti dà la possibilità di ospitare gif animate con sfondo trasparente. Per utilizzare WebView gif approccio resa generazione pagina html nel progetto:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>gif rendering</title>
<script type="text/javascript">
function SetImageSource(image, source) {
document.getElementById(image).src = source;
};
</script>
<style type="text/css">
html, body
{
-ms-content-zooming:none;
-ms-overflow-style: none;
-ms-scroll-translation: none;
-ms-touch-select: none;
overflow: hidden;
zoom: 100%;
}
</style>
</head>
<body>
<img id="gifPlaceholder" src=""/>
<script>
SetImageSource("gifPlaceholder", window.top.location.search.substring(1));
</script>
</body>
</html>
CSS è importante - perché disabilita zoom/scorrimento/touch-move di WebView (che non è auspicabile nella maggior parte dei casi). Aggiungi gif animate alla stessa cartella (dove si trova html). XAML:
<WebView Name="gifRendererWebView"
Source="ms-appx-web:///pathToHtmlInProject.html?gifName.gif"
DefaultBackgroundColor="Transparent"/>
L'unico inconveniente è che si "perde gesti" sulla zona che WebView occupano (e non è possibile utilizzare WebViewBrush perché si perderebbe animazione).
Che ha funzionato :) Prima di tutto sto rilevando le dimensioni della gif e quindi impostando l'altezza e la larghezza delle visualizzazioni web con quella aggiunta con 20 per evitare le barre di scorrimento. Quindi imposta la sorgente della visualizzazione web su gif e funziona :) – Jesse
Valuta l'opportunità di passare a WebViewBrush. Questo dovrebbe darti prestazioni migliori –