Создать дизайн чата с изображением, как whatsapp в IOS xamarin

Question

Как создать дизайн чата, как whatsapp (ios xamarin). Так же, как на картинке ниже:

Мой код:

ContentView.AddConstraints(NSLayoutConstraint.FromVisualFormat("H:|[bubble]", 
      0,"bubble", BubbleImageView)); 
      ContentView.AddConstraints(NSLayoutConstraint.FromVisualFormat("V:|-2-[bubble]-2-|",0,"bubble", BubbleImageView 
      )); 
      BubbleImageView.AddConstraints(NSLayoutConstraint.FromVisualFormat("H:[bubble(>=48)]",0,"bubble", BubbleImageView)); 

//setting layout for Image Picture 

var vSpaceTopAttch = NSLayoutConstraint.Create(ImgPicture, NSLayoutAttribute.Top, NSLayoutRelation.Equal, BubbleImageView, NSLayoutAttribute.Top, 1, 10); 
       ContentView.AddConstraint(vSpaceTopAttch); 

//setting layout for Message Label 

var vSpaceTop = NSLayoutConstraint.Create(MessageLabel, NSLayoutAttribute.Top, NSLayoutRelation.Equal, BubbleImageView, NSLayoutAttribute.Top, 1, 10); 
       ContentView.AddConstraint(vSpaceTop); 

var vSpaceBottom = NSLayoutConstraint.Create(MessageLabel, NSLayoutAttribute.Bottom, NSLayoutRelation.Equal, BubbleImageView, NSLayoutAttribute.Bottom, 1, -10); 
      ContentView.AddConstraint(vSpaceBottom); 

var msgLeading = NSLayoutConstraint.Create(MessageLabel, NSLayoutAttribute.Leading, NSLayoutRelation.GreaterThanOrEqual, BubbleImageView, NSLayoutAttribute.Leading, 1, 16); 
      ContentView.AddConstraint(msgLeading); 

var msgCenter = NSLayoutConstraint.Create(MessageLabel, NSLayoutAttribute.CenterX, NSLayoutRelation.Equal, BubbleImageView, NSLayoutAttribute.CenterX, 1, 3); 
      ContentView.AddConstraint(msgCenter); 

Результат от этого кода:

Положение изображения позади BubbleImageView. Как создать макет, как whatsapp в ios xamarin?

Answer 1

Вы пробовали чего подвид с изображением на фронт с:

ContentView.BringSubviewToFront(yourImageSubView); 

?