Jak poprawnie używać właściwości Image Source w Xamarin.Forms?

Question

Mam trudności z wyświetlaniem obrazu na stronie zawartości w układzie stosu. Przejrzałem dokumentację API Xamarin i znalazłem Xamarin.Forms.Image.Source Property, ale bez przykładowego kodu, aby zobaczyć, jak jest napisana. Sprawdziłem również, aby zobaczyć, jak został napisany w języku C# i wydaje się pasować do mojego kodu pod względem ścieżki do nazwy pliku, ale w Xamarin może być nieco inny, ponieważ po raz pierwszy to robi. Kod, który testuję obecnie przez emulator Androida (Google Nexus 5) w Visual Studio 2013, który działa dobrze, z wyjątkiem obrazu, który nie jest wyświetlany.

Image Source:

new Image 
{ 
    VerticalOptions = LayoutOptions.Center, 
    HorizontalOptions = LayoutOptions.Center, 
    Source = "/Assets/xamarin_logo.png", 
}, 

Pełny Kod:

public NFCPage() 
    { 
     StackLayout stackLayout = new StackLayout // instantiate a StackLayout object to layout its children 
     { 
      Spacing = 5, // amount of spae between each child element 
      //HorizontalOptions = LayoutOptions.Center, 
      VerticalOptions = LayoutOptions.FillAndExpand, // defines how the elements should be laid out; fill the entire width of the content to the screen 
      BackgroundColor = Color.Blue, 

      Children = // gets a list of child elements 
      { 
       new Label 
       { 
        TextColor = Color.White, 
        BackgroundColor = Color.Red, 
        XAlign = TextAlignment.Center, // set text alignment horizontally 
        Text = "Google", 
       }, 
       new Label 
       { 
        Text = "Place your device directly at the symbol.", 
        XAlign = TextAlignment.Center, 
        TextColor = Color.White, 
       }, 
       new Image 
       { 
        VerticalOptions = LayoutOptions.Center, 
        HorizontalOptions = LayoutOptions.Center, 
        Source = "/Assets/xamarin_logo.png", 
       }, 
       new Button 
       { 
        Text = "QR Code", 
        TextColor = Color.White, 
       }, 
       new Button 
       { 
        Text = "?", 
        TextColor = Color.White, 
       }, 
      } 
     }; 
     Content = stackLayout; // apply stackLayout to Content 
    } 

Answer 1

Nie należy odwoływać się do ścieżki, ponieważ nieruchomość źródłem jest cross-platform, a ponieważ każdy ma inną platformę folder dla zasobów takich jak obrazy, wystarczy podać nazwę pliku i rozszerzenie. Klasa Image wie, gdzie szukać pliku.

Pliki obrazów można dodawać do każdego projektu aplikacji i odwoływać się do udostępnionego kodu Xamarin.Forms. Aby użyć pojedynczego obrazu we wszystkich aplikacjach, ta sama nazwa pliku musi być używana na każdej platformie i powinna to być poprawna nazwa zasobu Androida (co oznacza brak spacji i znaków specjalnych). Umieść obrazy w katalogu Resources/drawable za pomocą Build Action: AndroidResource. Wersje obrazu w wysokiej i niskiej rozdzielczości mogą być również dostarczane (w odpowiednio nazwanych podkatalogach Zasoby, takich jak drawable-ldpi, drawable-hdpi i drawable-xhdpi).

var beachImage = new Image { Aspect = Aspect.AspectFit }; 
beachImage.Source = ImageSource.FromFile("waterfront.jpg"); 

Źródło:https://developer.xamarin.com/guides/xamarin-forms/working-with/images/#Local_Images

Answer 2

Dodaj obraz w oknie Solution Explorer, klikając Resources/folder rozciągliwej i wybierz Nowy/Istniejące Zadawalam nie skopiować obraz do zasobów/rozciągliwej teczka. Mam nadzieję, że to pomoże.

Answer 3

Jeśli są chętni, aby dodać obrazy za pomocą kodu, spróbować

pobierane automatycznie i wyświetla obraz

 var webImage = new Image { Aspect = Aspect.AspectFit }; 
     webImage.Source = ImageSource.FromUri(new Uri("https://xamarin.com/content/images/pages/forms/example-app.png"));