C＃Xamarin urlから画像をロード

Question

URL文字列から画像をロードしようとしています。以下のコードはアイテムの配列です。Photoは画像をロードするものです。通常、私は私のハードディスクからの画像を含んでおり、これが最初のコードであるPhoto = "image_name.jpg"

によってでそのイメージをロード：

public MainPageViewModel() 
{   
    items.Add(new CardStackView.Item() { Name = "Title 1", Photo = " xxx ", Description = "Desc 1" }); 
    items.Add(new CardStackView.Item() { Name = "Title 2", Photo = " xxx ", Description = "Desc 2" }); 
    items.Add(new CardStackView.Item() { Name = "Title 3", Photo = " xxx ", Description = "Desc 3" }); 
    items.Add(new CardStackView.Item() { Name = "Title 4", Photo = " xxx ", Description = "Desc 4" }); 
    items.Add(new CardStackView.Item() { Name = "Title 5", Photo = " xxx ", Description = "Desc 5" }); 
    items.Add(new CardStackView.Item() { Name = "Title 6", Photo = " xxx ", Description = "Desc 6" }); 
} 

私はxxxは私のURLの例https://i.vimeocdn.com/portrait/58832_300x300になりたいです。

コードのこの作品は、私は、画像を表示する場所です：

Photo = new Image() 
{ 
    InputTransparent = true, 
    Aspect = Aspect.Fill, 
    Scale = 0.95 
}; 

view.Children.Add(Photo, 
        Constraint.RelativeToParent((parent) => { double w = parent.Width * 1; return ((parent.Width - w)/2); }), 
        Constraint.Constant(10), 
        Constraint.RelativeToParent((parent) => { return parent.Width; }), 
        Constraint.RelativeToParent((parent) => { return (parent.Height* 0.80); })); 

コードのこれら2つは同じファイル内ではなく、二つの別々のファイルにあることに注意してください。

私は自分の問題に対する解決策を見つけることができなかったので、これは重複しないことを望みます。あなたのImage要素のSourceを設定する必要が

Answer 1

：

Photo = new Image() 
{ 
    InputTransparent = true, 
    Aspect = Aspect.Fill, 
    Scale = 0.95, 
    Source = "https://your_image_url.com/the_image.png" 
}; 

Answer 2

は、私は基本的にあなたがSourceの値を設定するだけで済み、あなたはBindingを使用することをお勧めします。次のことを試してください。

<Image Source="{Binding ImageUrl}" WidthRequest="80" HorizontalOptions="Start" VerticalOptions="Start" />