アバター下の背景画像Xamarin.Forms

Question

サークル内のアバターの下に背景画像を配置したいと思います。このコードに背景色を追加できますが、画像を追加する必要があります。だから私はどのように私のコードでこれを実装することができますか？この画像のような

var avatarImage = new CircleImage 
{ 
    Aspect = Aspect.AspectFill, 
    WidthRequest = Device.OnPlatform(220, 220, 300), 
    HeightRequest = Device.OnPlatform(220, 220, 300), 
    Source = ImageSource.FromFile("about_background.png"), 
}; 

avatarLayout.Children.Add(avatarImage); 

背景：このようexample image

Answer 1

何か、？

public Page1() 
    { 
     InitializeComponent(); 

     var stack = new StackLayout(); 

     var grid = new Grid(); 
     grid.HeightRequest = 400; 
     grid.BackgroundColor = Color.Red; 

     grid.RowDefinitions.Add(new RowDefinition()); 
     grid.RowDefinitions.Add(new RowDefinition()); 

     var bgrImg = new Image(); 
     bgrImg.Aspect = Aspect.Fill; 
     bgrImg.Source = ImageSource.FromUri(new Uri("https://scontent-waw1-1.xx.fbcdn.net/v/t1.0-9/1609887_238338919678588_860551778_n.jpg?oh=469b60dbef099ca197f088f97e5e1436&oe=5852DA43")); 

     var img = new Image(); 
     img.VerticalOptions = new LayoutOptions(LayoutAlignment.Center, false); 
     img.Source = ImageSource.FromUri(new Uri("https://scontent-waw1-1.xx.fbcdn.net/v/t1.0-9/1622680_238338033012010_860901821_n.jpg?oh=a216ba790ec4f771c7b9488fc819ed80&oe=5814192E")); 

     grid.Children.Add(bgrImg, 0, 0); 
     grid.Children.Add(img); 

     Grid.SetRowSpan(img, 2); 

     stack.Children.Add(grid); 

     Content = stack; 
    } 

バックグラウンドイメージが読み込まれるまでしばらくお待ちください。