2015-04-20 4 views
3

Я использую Xamarin.forms для создания приложения, которое работает на IOS, Windows Phone и Android. Мне нужно иметь возможность кэшировать изображения на устройстве, когда нет сети.Xamarin.Forms кэширование изображений

Основы:

Я использую MVVM подход и имеют MenuViewModel со свойством IconImageId, который имеет GUID для различных изображений.

Иконки на мой взгляд, клетки затем связывается с этим свойством:

var icon = new Image 
{ 
    Aspect = Aspect.AspectFit, 
    HeightRequest = 80, 
    WidthRequest = 80  
}; 
icon.SetBinding(Image.SourceProperty, new Binding("IconImageId",BindingMode.Default, new ImageIdToUriImageSourceValueConverter(80, 80, iconColor))); 

я затем использовать пользовательские Value Converter под названием ImageIdToUriImageSourceValueConverter конвертировать мой ID изображения к изображению:

public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
{ 
    var applicationUrl = App.ApplicationUrl; 
    if (string.IsNullOrEmpty(value as string)) 
    { 
     return null; 
    } 

    var includeColorOld = string.IsNullOrEmpty(_colorOld) ? "" : string.Format("/{0}", _colorOld); 

    // I have an image api which which handles the image itself and that works fine. 
    var uriString = string.Format("{0}/img/{1}/{2}{3}/{4}/{5}/{6}", applicationUrl, _x, _y, includeColorOld, _color, value, "image.png"); 

    return = new UriImageSource 
    { 
     Uri = new Uri(uriString), 
     CachingEnabled = true, 
     CacheValidity = new TimeSpan(30, 0, 0, 0) 
    };  
} 

Наш обработчик изображения использует GUID для извлечения изображения svg из нашего api, изменения размера и повторного цвета, которые он возвращает, в запрошенном формате, например PNG. Он предназначен для кэширования изображений и очень хорошо работает на наших веб-сайтах.

Моя проблема заключается в том, что изображения не кэшируются на мобильных устройствах или на эмуляторах. Любые идеи о том, что я могу сделать для решения этих проблем?

Спасибо,

Loan

+0

Эй вы выяснили, как кешировать изображения для офлайн? Я сталкиваюсь с той же проблемой! Благодаря! В настоящее время я использую библиотеку FFImageLoading для изображений. –

ответ

5

Вы можете попробовать https://github.com/molinch/FFImageLoading что замена изображения (Android, IOS, Windows) с улучшенными возможностями кэширования.

+0

Как насчет автономного кэширования для FFImageLoading? Спасибо: https://github.com/molinch/FFImageLoading/issues/189 –

+0

Он также кэширует изображения офлайн по умолчанию (вы можете отключить его, хотя). –

+0

Он также отображает анимационные svg-файлы? – batmaci