Cách sử dụng đúng thuộc tính Nguồn hình ảnh bằng Xamarin.Forms?

Question

Tôi gặp khó khăn khi đưa hình ảnh lên trang nội dung trong bố cục ngăn xếp. Tôi đã xem qua Tài liệu về API Xamarin và tìm thấy Xamarin.Forms.Image.Source Property, nhưng không có mã mẫu nào để xem nó được viết như thế nào. Tôi cũng đã kiểm tra xem nó được viết như thế nào trong C# và dường như khớp với mã của tôi về đường dẫn tên tệp, nhưng trong Xamarin, nó có thể hơi khác vì đây là lần đầu tiên làm điều này. Mã tôi hiện đang thử nghiệm thông qua trình giả lập Android (Google Nexus 5) trong Visual Studio 2013 chạy tốt, ngoại trừ Hình ảnh không hiển thị.

Hình ảnh Nguồn:

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

Full Code:

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

Bạn không nên tham khảo các con đường bởi vì thuộc tính nguồn là cross-platform và vì mỗi nền tảng có khác nhau cho các tài sản như hình ảnh, bạn chỉ cần chỉ định tên tệp và phần mở rộng. Lớp Image biết nơi cần tìm tập tin.

Tệp hình ảnh có thể được thêm vào từng dự án ứng dụng và được tham chiếu từ mã chia sẻ Xamarin.Forms. Để sử dụng một hình ảnh duy nhất trên tất cả các ứng dụng, tên tệp giống nhau phải được sử dụng trên mọi nền tảng và tên tệp phải là tên tài nguyên Android hợp lệ (có nghĩa là không có dấu cách và ký tự đặc biệt). Đặt hình ảnh trong thư mục Tài nguyên/có thể vẽ bằng Build Action: AndroidResource. Có thể cung cấp các phiên bản hình ảnh cao và thấp DPI (trong các thư mục con Tài nguyên được đặt tên thích hợp như drawable-ldpi, drawable-hdpi và drawable-xhdpi).

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

Nguồn:https://developer.xamarin.com/guides/xamarin-forms/working-with/images/#Local_Images

Answer 2

Thêm hình ảnh trong Solution Explorer bằng cách nhấn vào Tài/thư mục drawable và chọn New/hiện item.Please không sao chép hình ảnh để Resources/drawable thư mục. Tôi hy vọng nó sẽ giúp.

Answer 3

Nếu bạn sẵn sàng để thêm hình ảnh sử dụng mã, thử này

Downloaded tự động và hiển thị các hình ảnh

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