Xamarin - Afficher une image de chaîne base64

Je suis assez nouveau à Xamarin et XAML trucs et voici ce que j'ai fait jusqu'à présent dans mon portable de projet utilisé par Android & iPhone (uniquement en utilisant Android):

Élément.cs (chargé de JSON)

    [JsonProperty("image")]
    private string ImageBase64 { get; set; }

    [JsonIgnore]
    private Xamarin.Forms.Image _image = null;

    [JsonIgnore]
    public Xamarin.Forms.Image Image
    {
        get
        {
            if (_image == null)
            {
                _image = new Xamarin.Forms.Image()
                {
                    Source = Xamarin.Forms.ImageSource.FromStream(() => new MemoryStream(Convert.FromBase64String(ImageBase64))),
                    BackgroundColor = Color.White,
                    WidthRequest = 64,
                    HeightRequest = 64,
                };
                OnPropertyChanged("Image");
            }
            return _image;
        }
        private set
        { _image = value; }
    }

ItemsView.xaml:

<StackLayout VerticalOptions="FillAndExpand" Padding="5,20,5,0" >
  <Label Text="Items" VerticalOptions="Center" Font="35" HorizontalOptions="Center" />
  <ListView x:Name="list" ItemsSource="{Binding Items}">
    <ListView.ItemTemplate>
      <DataTemplate>
        <ImageCell
                        Text="{Binding ItemName}"
                        Detail="{Binding Infos, StringFormat='{0}'}"
          Image.Source="{Binding Path=Image}">
        </ImageCell>
      </DataTemplate>
    </ListView.ItemTemplate>
  </ListView>
</StackLayout>

J'ai correctement obtenir mon étiquettes affichées, mais l'image n'est pas.
Quelqu'un peut-il m'expliquer ce que je fais mal?

2 choses sautent à moi:) vous êtes de la liaison d'un ImageSource à une Image b) "Path=" est inutile

OriginalL'auteur Arnaud F. | 2016-05-06

  1. 12

    Le type de votre Image propriété doit être ImageSource, pas Image, puisqu'il semblerait que vous souhaitez lier un ImageCell de ImageSource de la propriété. En outre, l'appel de OnPropertyChanged dans une propriété de lecture ne fonctionne jamais, parce que le PropertyChanged événement doit être tiré avant une liaison (ou tout autre bien de consommation), vous pouvez obtenir un changement de la valeur de la propriété.

    Au lieu de Image.Source="{Binding ...}, la liaison correct devrait être

    <ImageCell ... ImageSource="{Binding Path=Image}" />

    Les propriétés doivent être déclarées comme ceci:

    private string imageBase64;
public string ImageBase64
{
    get { return imageBase64; }
    set
    {
        imageBase64 = value;
        OnPropertyChanged("ImageBase64");

        Image = Xamarin.Forms.ImageSource.FromStream(
            () => new MemoryStream(Convert.FromBase64String(imageBase64)));
    } 
}

private Xamarin.Forms.ImageSource image;
public Xamarin.Forms.ImageSource Image
{
    get { return image; }
    set
    {
        image = value;
        OnPropertyChanged("Image");
    }
}

    Si vous vraiment besoin paresseux création de la Image la valeur de la propriété, vous pouvez le faire en lecture seule, et de faire le correspondant OnPropertyChanged appel dans le ImageBase64 setter:

    private string imageBase64
public string ImageBase64
{
    get { return imageBase64; }
    set
    {
        imageBase64 = value;
        OnPropertyChanged("ImageBase64");
        OnPropertyChanged("Image");
    } 
}

private Xamarin.Forms.ImageSource image;
public Xamarin.Forms.ImageSource Image
{
    get
    {
        if (image == null)
        {
            image = Xamarin.Forms.ImageSource.FromStream(
                () => new MemoryStream(Convert.FromBase64String(ImageBase64)));
        }
        return image;
    }
}
    Travaillé, merci 🙂

    OriginalL'auteur Clemens