Xamarin - Bild Anzeigen von base64-string

Ich bin ziemlich neu zu Xamarin und XAML und hier ist was ich bisher gemacht habe in meinem portable-Projekt von Android & iPhone (nur mit Android):

Element.cs (geladen aus 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>

Habe ich richtig erhalten, mein Beschriftungen angezeigt aber das Bild nicht.
Kann jemand mir erklären was ich falsch mache?

  • 2 Dinge springen mich an: a) Sie sind verbindlich, eine ImageSource, um ein Bild b) "Path=" ist unnötig
InformationsquelleAutor Arnaud F. | 2016-05-06
  1. 13

    Den Typ Ihres Image Eigenschaft sollte ImageSource, nicht Image, wie Sie anscheinend binden wollen, eine ImageCell-s ImageSource Eigenschaft. Außerdem ruft OnPropertyChanged in einer property-getter funktioniert nie, weil die PropertyChanged Ereignis ausgelöst werden vor eine Bindung (oder andere Verbraucher) können einen geänderten Wert der Eigenschaft.

    Statt Image.Source="{Binding ...} die richtige Bindung hätte zu

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

    Eigenschaften erklärt werden sollte, wie diese:

    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");
    }
}

    Wenn Sie wirklich brauchen faul Erstellung der Image - Eigenschaft Wert, man konnte es nur Lesen, und machen Sie die entsprechenden OnPropertyChanged Anruf in der 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;
    }
}
    • Gearbeitet, danke 🙂
    InformationsquelleAutor Clemens
Schreibe einen Kommentar