IOS xamarinのwhatsappのような画像でデザインチャットを作成する

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の背後にあります。 ios xamarinでwhatsappのようなレイアウトをデザインするにはどうすればいいですか？

ContentView.BringSubviewToFront(yourImageSubView); 

：

Answer 1

はあなたが前にイメージしてサブビューを持参しようとしたことがありますか？