C＃Xamarin从URL加载图像

Question

我正在尝试从网址字符串加载图片。 下面的代码是一个项目数组，其中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作为我的网址示例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); }));  

请注意，这两段代码不在同一个文件中，而是在两个单独的文件中。

我希望这不是重复的，因为我无法找到解决问题的任何方法。

Answer 1

您需要设置Image元素的Source ：

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

Answer 2

我建议您使用Binding ，基本上只需要为Source设置值。 尝试以下方法：

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