Source d'image et mise en cache

J'utilise le code suivant pour afficher des images à partir d'un serveur web:

   <Image Source="{Binding Url}" />

L'image est automatiquement téléchargé, et je suppose il ya aussi certains de la mise en cache en fonction de l'Url.

Mon problème, c'est que lorsque l'application est en mode hors connexion, le assumably en cache les images ne sont pas affichées.

Est-il possible de modifier le comportement de mise en cache, de sorte que les images sont également chargés lorsque aucun réseau n'est disponible? Des pointeurs vers des documents concernant la mise en cache serait très utile aussi bien.

source d'informationauteur thumbmunkeys

  1. 23

    BitmapImage place automatiquement les images à distance par défaut. C'est mieux utilisé en conjonction avec CreateOptions="BackgroundCreation" pour la meilleure performance.

    <Image Height="100" Width="100" Margin="12,0,9,0">
  <Image.Source>
    <BitmapImage UriSource="{Binding ImgURL}" CreateOptions="BackgroundCreation"/>
  </Image.Source>
</Image>

    Ce blog MSDNvieux mais toujours d'actualité, répertorie et explique toutes les CreationOptions et que la mise en cache est automatique dans la plupart des modes.

    - Je utiliser ces options pour afficher de nombreux éléments d'information avec des images et il fonctionne bien. Je peux charger la liste des articles, de quitter l'application et activer le Mode avion pour Sur, puis démarrez une nouvelle instance de l'application et les images toujours charger.

    Approche Manuelle

    Si vous souhaitez contrôler la mise en cache de vous-même et cache HTTPS ressources puis il y a quelques bons exemples...

  2. 4

    J'ai une solution pour vous. Il est JetImageLoaderje l'ai créé pour l'application, où nous avons besoin de charger, de cache et de montrer une grande quantité de logos, icônes et ainsi de suite.

    Il peut être utilisé comme convertisseur de liaison, de sorte vous ne devriez pas même de changer votre code! Juste mettre à jour votre XAMLs!

    S'il vous plaît, découvrez les échantillons dans un référentielvous allez aimer 😉

    Caractéristiques:

    • La mise en cache sur le disque
    • La mise en cache dans la mémoire
    • Totalement asynchrones
    • Disponible en liaison convertisseur ou par programme à partir de votre code
    • Entièrement open source, de la fourche et de l'améliorer!

    Voici l'exemple:

    <Image Source="{Binding ImageUrl, Converter={StaticResource MyAppJetImageLoaderConverter}}"/>
  3. 1

    Je ne pense pas qu'il y est construit de manière à le faire, mais vous pouvez enregistrer les images dans l'IsolatedStorage et l'utilisation d'un Convertisseur qui vérifie la disponibilité de l'internet et renvoie soit en ligne ou hors ligne url.

    Une recherche rapide a abouti à ce qui pourrait être exactement ce que vous cherchez pour (il est compatible avec Windows Phone 7 et peut-être pas la meilleure solution pour Windows Phone 8)

  4. 1

    Vous pouvez également utiliser FFImageLoading (https://github.com/molinch/FFImageLoading/)

    Caractéristiques

    • Xamarin.iOS (min iOS 7), Xamarin.Android (min Android 4), Xamarin.Formes et Windows (WinRT, UWP) soutien
    • Configurable disque et de la mémoire cache
    • De déduplication de semblable télécharger/charger des demandes
    • D'erreur et le chargement des espaces réservés soutien
    • Les Images peuvent être automatiquement adapté à la taille indiquée (moins d'utilisation de la mémoire)
    • WebP soutien
    • Chargement de l'Image en Fondu Dans les animations de soutien
    • Pouvez réessayer le téléchargement des images (RetryCount, RetryDelay)
    • Sur Android transparence est désactivé par défaut (configurable). Permet d'économiser 50% de la mémoire
    • Transformations de soutien
      • BlurredTransformation
      • CircleTransformation, RoundedTransformation, CornersTransformation
      • ColorSpaceTransformation, GrayscaleTransformation, SepiaTransformation
      • FlipTransformation
      • Prend en charge personnalisée des transformations (plate-forme native ITransformation implémentations)

    C'est juste aussi simple que: 

    <ff:MvxCachedImage Name="image"
    VerticalAlignment="Stretch" 
    HorizontalAlignment="Stretch"
    LoadingPlaceholder="loading.png"
    ErrorPlaceholder="error.png"
    RetryCount="3"
    RetryDelay="250"
    DownsampleHeight="300"
    ImagePath="http://lorempixel.com/output/city-q-c-600-600-5.jpg">
</ff: MvxCachedImage >

    Exemples de projets ici: https://github.com/molinch/FFImageLoading/tree/master/samples/